#CD5A9F#CD5A9F

#CD5A9F is a light, vivid pink. Relative luminance 0.228; OKLCH L 63.2% C 0.165 H 345.8°. Best body text is #000000 at 5.56:1 contrast (WCAG AA passes).

Color values

HEX#CD5A9F
RGBrgb(205, 90, 159)
HSLhsl(324, 53%, 58%)
HSVhsv(324, 56%, 80%)
CMYKcmyk(0%, 56.1%, 22.4%, 19.6%)
CIE-LABlab(54.86, 53.25, -15.28)
CIE-LCHlch(54.86, 55.40, 343.99°)
OKLaboklab(63.24% 0.1598 -0.0404)
OKLCHoklch(63.24% 0.165 345.8)
XYZxyz(35.0920, 22.7978, 35.3464)
Luminance0.2280 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CD5A9F #5ACD88
analogous
#C15ACD #CD5A9F #CD5A65
triadic
#CD5A9F #9FCD5A #5A9FCD
tetradic
#CD5A9F #CDC15A #5ACD88 #5A65CD
square
#CD5A9F #CDC15A #5ACD88 #5A65CD
split-complementary
#CD5A9F #65CD5A #5ACDC1
monochromatic
#842860 #B33681 #CD5A9F #DB89BA #E9B8D6

Accessibility & contrast

On white

3.78
#CD5A9F on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.56
#CD5A9F on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CD5A9F
5.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CD5A9F#FFFFFF#000000##000000
##CD5A9F1.003.785.565.56
#FFFFFF3.781.0021.0021.00
#0000005.5621.001.001.00
##0000005.5621.001.001.00

Color blindness preview

Protanopia (red-blind)
#6577A1
Deuteranopia (green-blind)
#858B9C
Tritanopia (blue-blind)
#D95875
Achromatopsia (no color)
#838383

Design tokens & code

CSS
--color: #cd5a9f;
/* rgb */ color: rgb(205, 90, 159);
/* oklch */ color: oklch(63.2% 0.165 345.8);
Tailwind
colors: {
  custom: {
    50: '#df8ebb',
    500: '#cd5a9f',
    950: '#000000',
  },
}
SCSS
$custom: #cd5a9f;
$custom-light: #df8ebb;
$custom-dark: #000000;
JSON
{
  "hex": "#cd5a9f",
  "rgb": {
    "r": 205,
    "g": 90,
    "b": 159
  },
  "hsl": {
    "h": 324,
    "s": 53.488,
    "l": 57.843
  },
  "oklch": {
    "l": 0.63244,
    "c": 0.16482,
    "h": 345.8
  },
  "luminance": 0.22795
}

Semantic roles & 50–950 ramp

primary
#CD5A9F
secondary
#AAD8BD
accent
#DD854B
background
#FEF8FB
surface
#FCF0F6
border
#D5CBD0
text
#160D11
muted
#847D80

Preview Lab

Preview with #CD5A9F

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

Preview Lab → · Contrast checker → · Palette generator →

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