#CADAEC#CADAEC

#CADAEC is a very light, muted cyan. Relative luminance 0.688; OKLCH L 88.2% C 0.030 H 251.3°. Best body text is #000000 at 14.75:1 contrast (WCAG AA passes).

Color values

HEX	#CADAEC
RGB	rgb(202, 218, 236)
HSL	hsl(212, 47%, 86%)
HSV	hsv(212, 14%, 93%)
CMYK	cmyk(14.4%, 7.6%, 0%, 7.5%)
CIE-LAB	lab(86.38, -1.77, -10.63)
CIE-LCH	lch(86.38, 10.77, 260.54°)
OKLab	oklab(88.19% -0.0097 -0.0287)
OKLCH	oklch(88.19% 0.03 251.3)
XYZ	xyz(64.5653, 68.7544, 89.2099)
Luminance	0.6875 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CADAEC #ECDCCA

analogous

#CAEBEC #CADAEC #CBCAEC

triadic

#CADAEC #ECCADA #DAECCA

tetradic

#CADAEC #ECCAEB #ECDCCA #CAECCB

square

#CADAEC #ECCAEB #ECDCCA #CAECCB

split-complementary

#CADAEC #ECCBCA #EBECCA

monochromatic

#709BCC #9DBBDC #CADAEC #E8EFF7 #E8EFF7

Accessibility & contrast

On white

1.42

#CADAEC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.75

#CADAEC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #CADAEC

14.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CADAEC	#FFFFFF	#000000	##000000
##CADAEC	1.00	1.42	14.75	14.75
#FFFFFF	1.42	1.00	21.00	21.00
#000000	14.75	21.00	1.00	1.00
##000000	14.75	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#D4DAED

Deuteranopia (green-blind)

#D0D7EC

Tritanopia (blue-blind)

#C2DEE0

Achromatopsia (no color)

#D8D8D8

Design tokens & code

CSS

--color: #cadaec;
/* rgb */ color: rgb(202, 218, 236);
/* oklch */ color: oklch(88.2% 0.030 251.3);

Tailwind

colors: {
  custom: {
    50: '#dae5f2',
    500: '#cadaec',
    950: '#000000',
  },
}

SCSS

$custom: #cadaec;
$custom-light: #dae5f2;
$custom-dark: #000000;

JSON

{
  "hex": "#cadaec",
  "rgb": {
    "r": 202,
    "g": 218,
    "b": 236
  },
  "hsl": {
    "h": 211.765,
    "s": 47.222,
    "l": 85.882
  },
  "oklch": {
    "l": 0.88186,
    "c": 0.03028,
    "h": 251.3
  },
  "luminance": 0.68755
}

Semantic roles & 50–950 ramp

primary

#CADAEC

secondary

#C8AF92

accent

#772BBA

background

#FEFEFF

surface

#FBFCFE

border

#D4D5D6

text

#141516

muted

#838485

Preview Lab

Preview with #CADAEC

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

Preview Lab → · Contrast checker → · Palette generator →