#DFF1DB#DFF1DB

#DFF1DB is a very light, muted green. Relative luminance 0.837; OKLCH L 93.9% C 0.035 H 140.0°. Best body text is #000000 at 17.74:1 contrast (WCAG AA passes).

Color values

HEX#DFF1DB
RGBrgb(223, 241, 219)
HSLhsl(109, 44%, 90%)
HSVhsv(109, 9%, 95%)
CMYKcmyk(7.5%, 0%, 9.1%, 5.5%)
CIE-LABlab(93.33, -9.87, 8.60)
CIE-LCHlch(93.33, 13.09, 138.92°)
OKLaboklab(93.88% -0.0267 0.0224)
OKLCHoklch(93.88% 0.035 140)
XYZxyz(74.6705, 83.7124, 79.2283)
Luminance0.8371 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DFF1DB #EDDBF1
analogous
#EAF1DB #DFF1DB #DBF1E2
triadic
#DFF1DB #DBDFF1 #F1DBDF
tetradic
#DFF1DB #DBEAF1 #EDDBF1 #F1E2DB
square
#DFF1DB #DBEAF1 #EDDBF1 #F1E2DB
split-complementary
#DFF1DB #E2DBF1 #F1DBEA
monochromatic
#91CF83 #B8E0AF #DFF1DB #EBF6E9 #EBF6E9

Accessibility & contrast

On white

1.18
#DFF1DB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.74
#DFF1DB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFF1DB
17.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DFF1DB#FFFFFF#000000##000000
##DFF1DB1.001.1817.7417.74
#FFFFFF1.181.0021.0021.00
#00000017.7421.001.001.00
##00000017.7421.001.001.00

Color blindness preview

Protanopia (red-blind)
#F3EDDA
Deuteranopia (green-blind)
#EFEBDC
Tritanopia (blue-blind)
#DEEFEB
Achromatopsia (no color)
#ECECEC

Design tokens & code

CSS
--color: #dff1db;
/* rgb */ color: rgb(223, 241, 219);
/* oklch */ color: oklch(93.9% 0.035 140.0);
Tailwind
colors: {
  custom: {
    50: '#e9f5e6',
    500: '#dff1db',
    950: '#000000',
  },
}
SCSS
$custom: #dff1db;
$custom-light: #e9f5e6;
$custom-dark: #000000;
JSON
{
  "hex": "#dff1db",
  "rgb": {
    "r": 223,
    "g": 241,
    "b": 219
  },
  "hsl": {
    "h": 109.091,
    "s": 44,
    "l": 90.196
  },
  "oklch": {
    "l": 0.93884,
    "c": 0.03489,
    "h": 140
  },
  "luminance": 0.83713
}

Semantic roles & 50–950 ramp

primary
#DFF1DB
secondary
#C6A2CE
accent
#2EB79E
background
#FEFFFE
surface
#FCFEFC
border
#D5D6D5
text
#161715
muted
#848584

Preview Lab

Preview with #DFF1DB

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

Preview Lab → · Contrast checker → · Palette generator →

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