#CD3BB7#CD3BB7

#CD3BB7 is a mid, highly saturated purple. Relative luminance 0.195; OKLCH L 61.0% C 0.223 H 334.8°. Best body text is #000000 at 4.91:1 contrast (WCAG AA passes).

Color values

HEX#CD3BB7
RGBrgb(205, 59, 183)
HSLhsl(309, 59%, 52%)
HSVhsv(309, 71%, 80%)
CMYKcmyk(0%, 71.2%, 10.7%, 19.6%)
CIE-LABlab(51.30, 69.28, -34.79)
CIE-LCHlch(51.30, 77.52, 333.33°)
OKLaboklab(60.96% 0.2017 -0.0951)
OKLCHoklch(60.96% 0.223 334.8)
XYZxyz(35.2884, 19.5290, 46.7015)
Luminance0.1953 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CD3BB7 #3BCD51
analogous
#9A3BCD #CD3BB7 #CD3B6E
triadic
#CD3BB7 #B7CD3B #3BB7CD
tetradic
#CD3BB7 #CD9A3B #3BCD51 #3B6ECD
square
#CD3BB7 #CD9A3B #3BCD51 #3B6ECD
split-complementary
#CD3BB7 #6ECD3B #3BCD9A
monochromatic
#711D64 #A2298F #CD3BB7 #D96CC9 #E69DDB

Accessibility & contrast

On white

4.28
#CD3BB7 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.91
#CD3BB7 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CD3BB7
4.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CD3BB7#FFFFFF#000000##000000
##CD3BB71.004.284.914.91
#FFFFFF4.281.0021.0021.00
#0000004.9121.001.001.00
##0000004.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#3A6CBA
Deuteranopia (green-blind)
#6D82B3
Tritanopia (blue-blind)
#D74775
Achromatopsia (no color)
#7A7A7A

Design tokens & code

CSS
--color: #cd3bb7;
/* rgb */ color: rgb(205, 59, 183);
/* oklch */ color: oklch(61.0% 0.223 334.8);
Tailwind
colors: {
  custom: {
    50: '#e07ecd',
    500: '#cd3bb7',
    950: '#000000',
  },
}
SCSS
$custom: #cd3bb7;
$custom-light: #e07ecd;
$custom-dark: #000000;
JSON
{
  "hex": "#cd3bb7",
  "rgb": {
    "r": 205,
    "g": 59,
    "b": 183
  },
  "hsl": {
    "h": 309.041,
    "s": 59.35,
    "l": 51.765
  },
  "oklch": {
    "l": 0.60961,
    "c": 0.22302,
    "h": 334.8
  },
  "luminance": 0.19526
}

Semantic roles & 50–950 ramp

primary
#CD3BB7
secondary
#92D29C
accent
#E35D45
background
#FEF8FC
surface
#FCEFF9
border
#D5CAD2
text
#160B13
muted
#847C82

Preview Lab

Preview with #CD3BB7

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#CD3BB7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva