#DAEBB4#DAEBB4

#DAEBB4 is a very light, moderate yellow-green. Relative luminance 0.776; OKLCH L 91.4% C 0.074 H 121.8°. Best body text is #000000 at 16.52:1 contrast (WCAG AA passes).

Color values

HEX#DAEBB4
RGBrgb(218, 235, 180)
HSLhsl(79, 58%, 81%)
HSVhsv(79, 23%, 92%)
CMYKcmyk(7.2%, 0%, 23.4%, 7.8%)
CIE-LABlab(90.61, -14.83, 24.88)
CIE-LCHlch(90.61, 28.96, 120.80°)
OKLaboklab(91.37% -0.0392 0.0632)
OKLCHoklch(91.37% 0.074 121.8)
XYZxyz(66.8591, 77.6174, 54.6305)
Luminance0.7762 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DAEBB4 #C5B4EB
analogous
#EBE1B4 #DAEBB4 #BFEBB4
triadic
#DAEBB4 #B4DAEB #EBB4DA
tetradic
#DAEBB4 #B4EBE1 #C5B4EB #EBB4BF
square
#DAEBB4 #B4EBE1 #C5B4EB #EBB4BF
split-complementary
#DAEBB4 #B4BFEB #E1B4EB
monochromatic
#AAD153 #C2DE84 #DAEBB4 #F2F8E4 #F3F9E7

Accessibility & contrast

On white

1.27
#DAEBB4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.52
#DAEBB4 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DAEBB4
16.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DAEBB4#FFFFFF#000000##000000
##DAEBB41.001.2716.5216.52
#FFFFFF1.271.0021.0021.00
#00000016.5221.001.001.00
##00000016.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#F2E4B1
Deuteranopia (green-blind)
#F0E4B6
Tritanopia (blue-blind)
#DFE5DC
Achromatopsia (no color)
#E4E4E4

Design tokens & code

CSS
--color: #daebb4;
/* rgb */ color: rgb(218, 235, 180);
/* oklch */ color: oklch(91.4% 0.074 121.8);
Tailwind
colors: {
  custom: {
    50: '#e5f1ca',
    500: '#daebb4',
    950: '#000000',
  },
}
SCSS
$custom: #daebb4;
$custom-light: #e5f1ca;
$custom-dark: #000000;
JSON
{
  "hex": "#daebb4",
  "rgb": {
    "r": 218,
    "g": 235,
    "b": 180
  },
  "hsl": {
    "h": 78.545,
    "s": 57.895,
    "l": 81.373
  },
  "oklch": {
    "l": 0.91371,
    "c": 0.07436,
    "h": 121.8
  },
  "luminance": 0.77617
}

Semantic roles & 50–950 ramp

primary
#DAEBB4
secondary
#937CC7
accent
#20C553
background
#FEFFFD
surface
#FCFEF9
border
#D5D6D2
text
#161613
muted
#848582

Preview Lab

Preview with #DAEBB4

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

Preview Lab → · Contrast checker → · Palette generator →

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