#E2E8DD#E2E8DD

#E2E8DD is a very light, near-neutral yellow-green. Relative luminance 0.791; OKLCH L 92.3% C 0.016 H 130.4°. Best body text is #000000 at 16.82:1 contrast (WCAG AA passes).

Color values

HEX#E2E8DD
RGBrgb(226, 232, 221)
HSLhsl(93, 19%, 89%)
HSVhsv(93, 5%, 91%)
CMYKcmyk(2.6%, 0%, 4.7%, 9%)
CIE-LABlab(91.28, -3.96, 4.65)
CIE-LCHlch(91.28, 6.10, 130.44°)
OKLaboklab(92.34% -0.0104 0.0122)
OKLCHoklch(92.34% 0.016 130.4)
XYZxyz(73.2696, 79.1023, 79.8008)
Luminance0.7910 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E2E8DD #E3DDE8
analogous
#E8E8DD #E2E8DD #DDE8DE
triadic
#E2E8DD #DDE2E8 #E8DDE2
tetradic
#E2E8DD #DDE8E8 #E3DDE8 #E8DEDD
square
#E2E8DD #DDE8E8 #E3DDE8 #E8DEDD
split-complementary
#E2E8DD #DEDDE8 #E8DDE8
monochromatic
#A4B794 #C3CFB8 #E2E8DD #EFF3ED #EFF3ED

Accessibility & contrast

On white

1.25
#E2E8DD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.82
#E2E8DD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E2E8DD
16.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E2E8DD#FFFFFF#000000##000000
##E2E8DD1.001.2516.8216.82
#FFFFFF1.251.0021.0021.00
#00000016.8221.001.001.00
##00000016.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9E6DC
Deuteranopia (green-blind)
#E8E6DD
Tritanopia (blue-blind)
#E2E7E5
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #e2e8dd;
/* rgb */ color: rgb(226, 232, 221);
/* oklch */ color: oklch(92.3% 0.016 130.4);
Tailwind
colors: {
  custom: {
    50: '#ebefe7',
    500: '#e2e8dd',
    950: '#000000',
  },
}
SCSS
$custom: #e2e8dd;
$custom-light: #ebefe7;
$custom-dark: #000000;
JSON
{
  "hex": "#e2e8dd",
  "rgb": {
    "r": 226,
    "g": 232,
    "b": 221
  },
  "hsl": {
    "h": 92.727,
    "s": 19.298,
    "l": 88.824
  },
  "oklch": {
    "l": 0.92338,
    "c": 0.01602,
    "h": 130.4
  },
  "luminance": 0.79102
}

Semantic roles & 50–950 ramp

primary
#E2E8DD
secondary
#B6ABBF
accent
#489E77
background
#FEFFFE
surface
#FDFEFC
border
#D5D6D5
text
#161616
muted
#848584

Preview Lab

Preview with #E2E8DD

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

Preview Lab → · Contrast checker → · Palette generator →

#E2E8DD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva