#DFE1DB#DFE1DB

#DFE1DB is a very light, near-neutral yellow-green. Relative luminance 0.747; OKLCH L 90.7% C 0.008 H 121.6°. Best body text is #000000 at 15.93:1 contrast (WCAG AA passes).

Color values

HEX#DFE1DB
RGBrgb(223, 225, 219)
HSLhsl(80, 9%, 87%)
HSVhsv(80, 3%, 88%)
CMYKcmyk(0.9%, 0%, 2.7%, 11.8%)
CIE-LABlab(89.23, -1.74, 2.69)
CIE-LCHlch(89.23, 3.21, 122.90°)
OKLaboklab(90.65% -0.0044 0.0071)
OKLCHoklch(90.65% 0.008 121.6)
XYZxyz(70.1408, 74.6529, 77.7184)
Luminance0.7465 (WCAG relative)
Temperatureneutral
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DFE1DB #DDDBE1
analogous
#E1E0DB #DFE1DB #DCE1DB
triadic
#DFE1DB #DBDFE1 #E1DBDF
tetradic
#DFE1DB #DBE1E0 #DDDBE1 #E1DBDC
square
#DFE1DB #DBE1E0 #DDDBE1 #E1DBDC
split-complementary
#DFE1DB #DBDCE1 #E0DBE1
monochromatic
#A4A998 #C1C5BA #DFE1DB #F0F1EE #F0F1EE

Accessibility & contrast

On white

1.32
#DFE1DB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.93
#DFE1DB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFE1DB
15.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DFE1DB#FFFFFF#000000##000000
##DFE1DB1.001.3215.9315.93
#FFFFFF1.321.0021.0021.00
#00000015.9321.001.001.00
##00000015.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2E0DB
Deuteranopia (green-blind)
#E2E0DB
Tritanopia (blue-blind)
#E0E0DF
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #dfe1db;
/* rgb */ color: rgb(223, 225, 219);
/* oklch */ color: oklch(90.7% 0.008 121.6);
Tailwind
colors: {
  custom: {
    50: '#e9eae6',
    500: '#dfe1db',
    950: '#000000',
  },
}
SCSS
$custom: #dfe1db;
$custom-light: #e9eae6;
$custom-dark: #000000;
JSON
{
  "hex": "#dfe1db",
  "rgb": {
    "r": 223,
    "g": 225,
    "b": 219
  },
  "hsl": {
    "h": 80,
    "s": 9.091,
    "l": 87.059
  },
  "oklch": {
    "l": 0.90652,
    "c": 0.00833,
    "h": 121.6
  },
  "luminance": 0.74653
}

Semantic roles & 50–950 ramp

primary
#DFE1DB
secondary
#AEABB5
accent
#529368
background
#FEFEFE
surface
#FCFDFC
border
#D5D5D5
text
#161615
muted
#848484

Preview Lab

Preview with #DFE1DB

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

Preview Lab → · Contrast checker → · Palette generator →

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