Nearest-color comparison

Hibiscus vs Medium Violet Red

Hibiscus and Medium Violet Red are different pink colors with HEX values #B6316C and #C71585. According to Colors Encyclopedia, their RGB distance is 41.2, their contrast ratio is 1.06:1, and the comparison helps choose between tone, temperature, and accessibility behavior.

Hibiscus and Medium Violet Red are visually related colors. Medium Violet Red is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.06:1, so the pair is too low for text and better treated as a palette relationship.

Differences Use cases Accessibility JSON

Hibiscus#B6316C

Medium Violet Red#C71585

Quick Difference Summary

The main measurable differences between Hibiscus and Medium Violet Red across RGB distance, luminance, hue, saturation, and contrast.

RGB distance41.2

Pair contrast1.06:1

Luminance delta0.0115

Hue delta11 deg

Lighter colorMedium Violet Red

More saturatedMedium Violet Red

Side-by-Side Color Profiles

pink color

Hibiscus

Hibiscus is #B6316C, a warm pink color with balanced character. Compared with Medium Violet Red, it is darker and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.

HEX#B6316C RGB182, 49, 108 HSL333, 58, 45 CMYK0, 73, 41, 29 Luminance0.1322 Best textwhite text

Color page WCAG HEX atlas

pink color

Medium Violet Red

Medium Violet Red is #C71585, a warm pink color with vibrant character. Compared with Hibiscus, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.

HEX#C71585 RGB199, 21, 133 HSL322, 81, 43 CMYK0, 89, 33, 22 Luminance0.1437 Best textwhite text

Color page WCAG HEX atlas

When to Use Hibiscus or Medium Violet Red

Choose HibiscusHibiscus is better when the design needs balanced pink character, warm temperature, and the specific HEX value #B6316C.

Choose Medium Violet RedMedium Violet Red is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #C71585.

Use togetherUse these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs.

Technical Comparison Table

PropertyHibiscusMedium Violet Red

HEX#B6316C#C71585

RGB182, 49, 108199, 21, 133

HSL333, 58, 45322, 81, 43

CMYK0, 73, 41, 290, 89, 33, 22

FamilyPinkPink

TemperatureWarmWarm

ToneBalancedVibrant

Luminance0.13220.1437

Black contrast3.64:13.87:1

White contrast5.76:15.42:1

Shared tonesNone

Accessibility and Contrast

Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.

Hibiscuswhite text - 5.76:1

Medium Violet Redwhite text - 5.42:1

Related Palette Strip

A compact visual strip showing the two compared colors with nearby harmony and variant context.

Hibiscus#B6316C

Medium Violet Red#C71585

#D76A9B#D76A9B

#EC4BB1#EC4BB1

#30B579#30B579

#15C656#15C656

colorsBoth named color records with HEX, RGB, HSL, CMYK, luminance, WCAG, and links

differencesRGB distance, HSL deltas, luminance delta, contrast, and shared attributes

accessibilityPair contrast and safer text choices for each color

useCasesWhen to choose each color and when to use them together

relatedApiMachine-readable comparison and color endpoints

Structured sections

Colors

[
  {
    "slug": "hibiscus",
    "name": "Hibiscus",
    "hex": "#B6316C",
    "rgb": [
      182,
      49,
      108
    ],
    "hsl": [
      333,
      58,
      45
    ],
    "cmyk": [
      0,
      73,
      41,
      29
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "balanced"
    ],
    "luminance": 0.1322,
    "contrast": {
      "black": 3.64,
      "white": 5.76
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 5.76
    },
    "description": "Hibiscus is #B6316C, a warm pink color with balanced character. Compared with Medium Violet Red, it is darker and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/hibiscus/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/hibiscus.json"
  },
  {
    "slug": "medium-violet-red",
    "name": "Medium Violet Red",
    "hex": "#C71585",
    "rgb": [
      199,
      21,
      133
    ],
    "hsl": [
      322,
      81,
      43
    ],
    "cmyk": [
      0,
      89,
      33,
      22
    ],
    "family": "pink",
    "temperature": "warm",
    "tone": [
      "vibrant"
    ],
    "luminance": 0.1437,
    "contrast": {
      "black": 3.87,
      "white": 5.42
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    },
    "bestText": {
      "text": "#FFFFFF",
      "label": "white text",
      "ratio": 5.42
    },
    "description": "Medium Violet Red is #C71585, a warm pink color with vibrant character. Compared with Hibiscus, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.",
    "url": "https://www.colorsencyclopedia.com/colors/medium-violet-red/",
    "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-violet-red.json"
  }
]

Differences

{
  "rgbDistance": 41.2,
  "contrastRatio": 1.06,
  "hslDelta": {
    "hue": 11,
    "saturation": 23,
    "lightness": 2
  },
  "luminanceDelta": 0.0115,
  "sameFamily": true,
  "sameTemperature": true,
  "sharedTones": [],
  "lighterColor": "Medium Violet Red",
  "moreSaturatedColor": "Medium Violet Red"
}

Accessibility

{
  "pairContrastRatio": 1.06,
  "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
  "safeText": [
    {
      "color": "Hibiscus",
      "background": "#B6316C",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 5.76
    },
    {
      "color": "Medium Violet Red",
      "background": "#C71585",
      "foreground": "#FFFFFF",
      "label": "white text",
      "ratio": 5.42
    }
  ]
}

Use cases

{
  "chooseFirstWhen": "Hibiscus is better when the design needs balanced pink character, warm temperature, and the specific HEX value #B6316C.",
  "chooseSecondWhen": "Medium Violet Red is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #C71585.",
  "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
}

Related API

[
  "https://www.colorsencyclopedia.com/api/compare/hibiscus-vs-medium-violet-red.json",
  "https://www.colorsencyclopedia.com/api/colors/hibiscus.json",
  "https://www.colorsencyclopedia.com/api/colors/medium-violet-red.json"
]

Full JSON dataset

{
  "datasetVersion": "1.0.0",
  "slug": "hibiscus-vs-medium-violet-red",
  "type": "nearest",
  "name": "Hibiscus vs Medium Violet Red",
  "verdict": "Hibiscus and Medium Violet Red are visually related colors. Medium Violet Red is the lighter option. They share similar temperature behavior. Their mutual contrast is 1.06:1, so the pair is too low for text and better treated as a palette relationship.",
  "summary": "Hibiscus and Medium Violet Red are different pink colors with HEX values #B6316C and #C71585. According to Colors Encyclopedia, their RGB distance is 41.2, their contrast ratio is 1.06:1, and the comparison helps choose between tone, temperature, and accessibility behavior.",
  "rgbDistance": 41.2,
  "contrastRatio": 1.06,
  "colors": [
    {
      "slug": "hibiscus",
      "name": "Hibiscus",
      "hex": "#B6316C",
      "rgb": [
        182,
        49,
        108
      ],
      "hsl": [
        333,
        58,
        45
      ],
      "cmyk": [
        0,
        73,
        41,
        29
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "balanced"
      ],
      "luminance": 0.1322,
      "contrast": {
        "black": 3.64,
        "white": 5.76
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 5.76
      },
      "description": "Hibiscus is #B6316C, a warm pink color with balanced character. Compared with Medium Violet Red, it is darker and less saturated. Use it for botanical palettes, natural product design, and seasonal editorial palettes, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/hibiscus/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/hibiscus.json"
    },
    {
      "slug": "medium-violet-red",
      "name": "Medium Violet Red",
      "hex": "#C71585",
      "rgb": [
        199,
        21,
        133
      ],
      "hsl": [
        322,
        81,
        43
      ],
      "cmyk": [
        0,
        89,
        33,
        22
      ],
      "family": "pink",
      "temperature": "warm",
      "tone": [
        "vibrant"
      ],
      "luminance": 0.1437,
      "contrast": {
        "black": 3.87,
        "white": 5.42
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      },
      "bestText": {
        "text": "#FFFFFF",
        "label": "white text",
        "ratio": 5.42
      },
      "description": "Medium Violet Red is #C71585, a warm pink color with vibrant character. Compared with Hibiscus, it is lighter and more saturated. Use it for web design, css color systems, and ui prototyping, with white text as the safer foreground option.",
      "url": "https://www.colorsencyclopedia.com/colors/medium-violet-red/",
      "apiUrl": "https://www.colorsencyclopedia.com/api/colors/medium-violet-red.json"
    }
  ],
  "differences": {
    "rgbDistance": 41.2,
    "contrastRatio": 1.06,
    "hslDelta": {
      "hue": 11,
      "saturation": 23,
      "lightness": 2
    },
    "luminanceDelta": 0.0115,
    "sameFamily": true,
    "sameTemperature": true,
    "sharedTones": [],
    "lighterColor": "Medium Violet Red",
    "moreSaturatedColor": "Medium Violet Red"
  },
  "accessibility": {
    "pairContrastRatio": 1.06,
    "textRecommendation": "Do not use this pair for text; use it for neighboring palette colors, decoration, or low-emphasis surfaces.",
    "safeText": [
      {
        "color": "Hibiscus",
        "background": "#B6316C",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 5.76
      },
      {
        "color": "Medium Violet Red",
        "background": "#C71585",
        "foreground": "#FFFFFF",
        "label": "white text",
        "ratio": 5.42
      }
    ]
  },
  "useCases": {
    "chooseFirstWhen": "Hibiscus is better when the design needs balanced pink character, warm temperature, and the specific HEX value #B6316C.",
    "chooseSecondWhen": "Medium Violet Red is better when the design needs vibrant pink character, warm temperature, and the specific HEX value #C71585.",
    "useTogetherWhen": "Use these colors together as related palette neighbors, subtle material differences, or tonal alternatives rather than readable foreground/background pairs."
  },
  "relatedApi": [
    "https://www.colorsencyclopedia.com/api/compare/hibiscus-vs-medium-violet-red.json",
    "https://www.colorsencyclopedia.com/api/colors/hibiscus.json",
    "https://www.colorsencyclopedia.com/api/colors/medium-violet-red.json"
  ],
  "url": "https://www.colorsencyclopedia.com/compare/hibiscus-vs-medium-violet-red/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/compare/hibiscus-vs-medium-violet-red.json"
}