#CDC7DC#CDC7DC

#CDC7DC is a very light, muted violet. Relative luminance 0.590; OKLCH L 84.1% C 0.030 H 298.8°. Best body text is #000000 at 12.80:1 contrast (WCAG AA passes).

Color values

HEX	#CDC7DC
RGB	rgb(205, 199, 220)
HSL	hsl(257, 23%, 82%)
HSV	hsv(257, 10%, 86%)
CMYK	cmyk(6.8%, 9.5%, 0%, 13.7%)
CIE-LAB	lab(81.29, 6.01, -9.67)
CIE-LCH	lch(81.29, 11.39, 301.84°)
OKLab	oklab(84.09% 0.0143 -0.0259)
OKLCH	oklch(84.09% 0.03 298.8)
XYZ	xyz(58.5161, 58.9932, 76.0003)
Luminance	0.5899 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CDC7DC #D6DCC7

analogous

#C7CCDC #CDC7DC #D8C7DC

triadic

#CDC7DC #DCCDC7 #C7DCCD

tetradic

#CDC7DC #DCC7CC #D6DCC7 #C7DCD8

square

#CDC7DC #DCC7CC #D6DCC7 #C7DCD8

split-complementary

#CDC7DC #DCD8C7 #CCDCC7

monochromatic

#8A7CAD #ABA1C4 #CDC7DC #EEECF3 #EEECF3

Accessibility & contrast

On white

1.64

#CDC7DC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.80

#CDC7DC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CDC7DC

12.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CDC7DC	#FFFFFF	#000000	##000000
##CDC7DC	1.00	1.64	12.80	12.80
#FFFFFF	1.64	1.00	21.00	21.00
#000000	12.80	21.00	1.00	1.00
##000000	12.80	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#C3CADD

Deuteranopia (green-blind)

#C4CADB

Tritanopia (blue-blind)

#CBCACE

Achromatopsia (no color)

#CACACA

Design tokens & code

CSS

--color: #cdc7dc;
/* rgb */ color: rgb(205, 199, 220);
/* oklch */ color: oklch(84.1% 0.030 298.8);

Tailwind

colors: {
  custom: {
    50: '#dcd8e6',
    500: '#cdc7dc',
    950: '#000000',
  },
}

SCSS

$custom: #cdc7dc;
$custom-light: #dcd8e6;
$custom-dark: #000000;

JSON

{
  "hex": "#cdc7dc",
  "rgb": {
    "r": 205,
    "g": 199,
    "b": 220
  },
  "hsl": {
    "h": 257.143,
    "s": 23.077,
    "l": 82.157
  },
  "oklch": {
    "l": 0.84093,
    "c": 0.02959,
    "h": 298.8
  },
  "luminance": 0.58993
}

Semantic roles & 50–950 ramp

primary

#CDC7DC

secondary

#AAB295

accent

#A24487

background

#FEFEFE

surface

#FCFBFC

border

#D5D4D5

text

#151416

muted

#848384

Preview Lab

Preview with #CDC7DC

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

Preview Lab → · Contrast checker → · Palette generator →