#CDAFD4#CDAFD4

#CDAFD4 is a light, moderate purple. Relative luminance 0.484; OKLCH L 79.2% C 0.061 H 319.9°. Best body text is #000000 at 10.68:1 contrast (WCAG AA passes).

Color values

HEX	#CDAFD4
RGB	rgb(205, 175, 212)
HSL	hsl(289, 30%, 76%)
HSV	hsv(289, 17%, 83%)
CMYK	cmyk(3.3%, 17.5%, 0%, 16.9%)
CIE-LAB	lab(75.07, 17.40, -14.65)
CIE-LCH	lch(75.07, 22.75, 319.91°)
OKLab	oklab(79.18% 0.0467 -0.0394)
OKLCH	oklch(79.18% 0.061 319.9)
XYZ	xyz(52.3888, 48.3933, 68.8556)
Luminance	0.4839 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CDAFD4 #B6D4AF

analogous

#BAAFD4 #CDAFD4 #D4AFC8

triadic

#CDAFD4 #D4CDAF #AFD4CD

tetradic

#CDAFD4 #D4BAAF #B6D4AF #AFC8D4

square

#CDAFD4 #D4BAAF #B6D4AF #AFC8D4

split-complementary

#CDAFD4 #C8D4AF #AFD4BA

monochromatic

#9B5FA9 #B487BF #CDAFD4 #E6D7E9 #F3EBF4

Accessibility & contrast

On white

1.97

#CDAFD4 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.68

#CDAFD4 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CDAFD4

10.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CDAFD4	#FFFFFF	#000000	##000000
##CDAFD4	1.00	1.97	10.68	10.68
#FFFFFF	1.97	1.00	21.00	21.00
#000000	10.68	21.00	1.00	1.00
##000000	10.68	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ABB7D6

Deuteranopia (green-blind)

#B2BAD3

Tritanopia (blue-blind)

#CEB3BB

Achromatopsia (no color)

#B9B9B9

Design tokens & code

CSS

--color: #cdafd4;
/* rgb */ color: rgb(205, 175, 212);
/* oklch */ color: oklch(79.2% 0.061 319.9);

Tailwind

colors: {
  custom: {
    50: '#dcc7e1',
    500: '#cdafd4',
    950: '#000000',
  },
}

SCSS

$custom: #cdafd4;
$custom-light: #dcc7e1;
$custom-dark: #000000;

JSON

{
  "hex": "#cdafd4",
  "rgb": {
    "r": 205,
    "g": 175,
    "b": 212
  },
  "hsl": {
    "h": 288.649,
    "s": 30.081,
    "l": 75.882
  },
  "oklch": {
    "l": 0.79179,
    "c": 0.06104,
    "h": 319.9
  },
  "luminance": 0.48393
}

Semantic roles & 50–950 ramp

primary

#CDAFD4

secondary

#E2EBE0

accent

#A93D51

background

#FDFCFD

surface

#FBF8FB

border

#D4D1D4

text

#151315

muted

#838283

Preview Lab

Preview with #CDAFD4

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

Preview Lab → · Contrast checker → · Palette generator →