#E9ECFE#E9ECFE

#E9ECFE is a very light, muted blue. Relative luminance 0.845; OKLCH L 94.6% C 0.024 H 278.4°. Best body text is #000000 at 17.89:1 contrast (WCAG AA passes).

Color values

HEX	#E9ECFE
RGB	rgb(233, 236, 254)
HSL	hsl(231, 91%, 95%)
HSV	hsv(231, 8%, 100%)
CMYK	cmyk(8.3%, 7.1%, 0%, 0.4%)
CIE-LAB	lab(93.65, 2.34, -9.01)
CIE-LCH	lch(93.65, 9.31, 284.57°)
OKLab	oklab(94.61% 0.0036 -0.0242)
OKLCH	oklch(94.61% 0.024 278.4)
XYZ	xyz(81.4855, 84.4698, 105.7581)
Luminance	0.8447 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#E9ECFE #FEFBE9

analogous

#E9F6FE #E9ECFE #F0E9FE

triadic

#E9ECFE #FEE9EC #ECFEE9

tetradic

#E9ECFE #FEE9F6 #FEFBE9 #E9FEF0

square

#E9ECFE #FEE9F6 #FEFBE9 #E9FEF0

split-complementary

#E9ECFE #FEF0E9 #F6FEE9

monochromatic

#7487F9 #AEB9FB #E2E6FE #E2E6FE #E2E6FE

Accessibility & contrast

On white

1.17

#E9ECFE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.89

#E9ECFE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E9ECFE

17.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##E9ECFE	#FFFFFF	#000000	##000000
##E9ECFE	1.00	1.17	17.89	17.89
#FFFFFF	1.17	1.00	21.00	21.00
#000000	17.89	21.00	1.00	1.00
##000000	17.89	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#E8EEFF

Deuteranopia (green-blind)

#E7ECFD

Tritanopia (blue-blind)

#E5EFF2

Achromatopsia (no color)

#EDEDED

Design tokens & code

CSS

--color: #e9ecfe;
/* rgb */ color: rgb(233, 236, 254);
/* oklch */ color: oklch(94.6% 0.024 278.4);

Tailwind

colors: {
  custom: {
    50: '#f0f2fe',
    500: '#e9ecfe',
    950: '#000000',
  },
}

SCSS

$custom: #e9ecfe;
$custom-light: #f0f2fe;
$custom-dark: #000000;

JSON

{
  "hex": "#e9ecfe",
  "rgb": {
    "r": 233,
    "g": 236,
    "b": 254
  },
  "hsl": {
    "h": 231.429,
    "s": 91.304,
    "l": 95.49
  },
  "oklch": {
    "l": 0.94613,
    "c": 0.02442,
    "h": 278.4
  },
  "luminance": 0.8447
}

Semantic roles & 50–950 ramp

primary

#E9ECFE

secondary

#EAE0A1

accent

#C500E6

background

#FFFFFF

surface

#FEFEFF

border

#D6D6D7

text

#161617

muted

#858585

Preview Lab

Preview with #E9ECFE

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

Preview Lab → · Contrast checker → · Palette generator →