#DAEF9E#DAEF9E

#DAEF9E is a very light, moderate yellow-green. Relative luminance 0.791; OKLCH L 91.8% C 0.106 H 120.4°. Best body text is #000000 at 16.82:1 contrast (WCAG AA passes).

Color values

HEX#DAEF9E
RGBrgb(218, 239, 158)
HSLhsl(76, 72%, 78%)
HSVhsv(76, 34%, 94%)
CMYKcmyk(8.8%, 0%, 33.9%, 6.3%)
CIE-LABlab(91.28, -19.77, 36.95)
CIE-LCHlch(91.28, 41.91, 118.15°)
OKLaboklab(91.79% -0.0536 0.0916)
OKLCHoklch(91.79% 0.106 120.4)
XYZxyz(65.9513, 79.1072, 44.1359)
Luminance0.7911 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DAEF9E #B39EEF
analogous
#EFDC9E #DAEF9E #B1EF9E
triadic
#DAEF9E #9EDAEF #EF9EDA
tetradic
#DAEF9E #9EEFDC #B39EEF #EF9EB1
square
#DAEF9E #9EEFDC #B39EEF #EF9EB1
split-complementary
#DAEF9E #9EB1EF #DC9EEF
monochromatic
#B2DE35 #C6E669 #DAEF9E #EEF8D3 #F5FBE5

Accessibility & contrast

On white

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

On black

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

Best text color

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

Contrast matrix

fg \ bg##DAEF9E#FFFFFF#000000##000000
##DAEF9E1.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)
#F9E698
Deuteranopia (green-blind)
#F6E6A2
Tritanopia (blue-blind)
#E1E7DA
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #daef9e;
/* rgb */ color: rgb(218, 239, 158);
/* oklch */ color: oklch(91.8% 0.106 120.4);
Tailwind
colors: {
  custom: {
    50: '#e6f4bb',
    500: '#daef9e',
    950: '#000000',
  },
}
SCSS
$custom: #daef9e;
$custom-light: #e6f4bb;
$custom-dark: #000000;
JSON
{
  "hex": "#daef9e",
  "rgb": {
    "r": 218,
    "g": 239,
    "b": 158
  },
  "hsl": {
    "h": 75.556,
    "s": 71.681,
    "l": 77.843
  },
  "oklch": {
    "l": 0.91788,
    "c": 0.10614,
    "h": 120.4
  },
  "luminance": 0.79107
}

Semantic roles & 50–950 ramp

primary
#DAEF9E
secondary
#8065CC
accent
#12D444
background
#FEFFFD
surface
#FCFEF8
border
#D5D6D1
text
#161712
muted
#848582

Preview Lab

Preview with #DAEF9E

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

Preview Lab → · Contrast checker → · Palette generator →

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