#DADFEA#DADFEA

#DADFEA is a very light, near-neutral blue. Relative luminance 0.736; OKLCH L 90.3% C 0.016 H 266.3°. Best body text is #000000 at 15.72:1 contrast (WCAG AA passes).

Color values

HEX	#DADFEA
RGB	rgb(218, 223, 234)
HSL	hsl(221, 28%, 89%)
HSV	hsv(221, 7%, 92%)
CMYK	cmyk(6.8%, 4.7%, 0%, 8.2%)
CIE-LAB	lab(88.74, 0.38, -5.94)
CIE-LCH	lch(88.74, 5.96, 273.62°)
OKLab	oklab(90.31% -0.001 -0.0159)
OKLCH	oklch(90.31% 0.016 266.3)
XYZ	xyz(70.1494, 73.6208, 88.3405)
Luminance	0.7362 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DADFEA #EAE5DA

analogous

#DAE7EA #DADFEA #DDDAEA

triadic

#DADFEA #EADADF #DFEADA

tetradic

#DADFEA #EADAE7 #EAE5DA #DAEADD

square

#DADFEA #EADAE7 #EAE5DA #DAEADD

split-complementary

#DADFEA #EADDDA #E7EADA

monochromatic

#8C9BBE #B3BDD4 #DADFEA #EBEEF4 #EBEEF4

Accessibility & contrast

On white

1.34

#DADFEA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.72

#DADFEA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DADFEA

15.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DADFEA	#FFFFFF	#000000	##000000
##DADFEA	1.00	1.34	15.72	15.72
#FFFFFF	1.34	1.00	21.00	21.00
#000000	15.72	21.00	1.00	1.00
##000000	15.72	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DCE0EB

Deuteranopia (green-blind)

#DBDEEA

Tritanopia (blue-blind)

#D7E1E2

Achromatopsia (no color)

#DFDFDF

Design tokens & code

CSS

--color: #dadfea;
/* rgb */ color: rgb(218, 223, 234);
/* oklch */ color: oklch(90.3% 0.016 266.3);

Tailwind

colors: {
  custom: {
    50: '#e5e9f0',
    500: '#dadfea',
    950: '#000000',
  },
}

SCSS

$custom: #dadfea;
$custom-light: #e5e9f0;
$custom-dark: #000000;

JSON

{
  "hex": "#dadfea",
  "rgb": {
    "r": 218,
    "g": 223,
    "b": 234
  },
  "hsl": {
    "h": 221.25,
    "s": 27.586,
    "l": 88.627
  },
  "oklch": {
    "l": 0.90306,
    "c": 0.01594,
    "h": 266.3
  },
  "luminance": 0.73621
}

Semantic roles & 50–950 ramp

primary

#DADFEA

secondary

#C3BAA6

accent

#863FA6

background

#FEFEFF

surface

#FCFCFE

border

#D5D5D6

text

#151616

muted

#848485

Preview Lab

Preview with #DADFEA

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

Preview Lab → · Contrast checker → · Palette generator →