#DEEECD#DEEECD

#DEEECD is a very light, muted yellow-green. Relative luminance 0.811; OKLCH L 92.8% C 0.047 H 128.5°. Best body text is #000000 at 17.22:1 contrast (WCAG AA passes).

Color values

HEX#DEEECD
RGBrgb(222, 238, 205)
HSLhsl(89, 49%, 87%)
HSVhsv(89, 14%, 93%)
CMYKcmyk(6.7%, 0%, 13.9%, 6.7%)
CIE-LABlab(92.17, -11.06, 14.20)
CIE-LCHlch(92.17, 18.00, 127.90°)
OKLaboklab(92.85% -0.0292 0.0368)
OKLCHoklch(92.85% 0.047 128.5)
XYZxyz(71.7164, 81.0862, 69.6187)
Luminance0.8109 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DEEECD #DDCDEE
analogous
#EEEECD #DEEECD #CEEECD
triadic
#DEEECD #CDDEEE #EECDDE
tetradic
#DEEECD #CDEEEE #DDCDEE #EECDCE
square
#DEEECD #CDEEEE #DDCDEE #EECDCE
split-complementary
#DEEECD #CDCEEE #EECDEE
monochromatic
#A2CF72 #C0DE9F #DEEECD #F0F7E8 #F0F7E8

Accessibility & contrast

On white

1.22
#DEEECD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.22
#DEEECD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEEECD
17.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DEEECD#FFFFFF#000000##000000
##DEEECD1.001.2217.2217.22
#FFFFFF1.221.0021.0021.00
#00000017.2221.001.001.00
##00000017.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#F2E9CB
Deuteranopia (green-blind)
#EFE8CE
Tritanopia (blue-blind)
#E0EBE5
Achromatopsia (no color)
#E8E8E8

Design tokens & code

CSS
--color: #deeecd;
/* rgb */ color: rgb(222, 238, 205);
/* oklch */ color: oklch(92.8% 0.047 128.5);
Tailwind
colors: {
  custom: {
    50: '#e8f3dc',
    500: '#deeecd',
    950: '#000000',
  },
}
SCSS
$custom: #deeecd;
$custom-light: #e8f3dc;
$custom-dark: #000000;
JSON
{
  "hex": "#deeecd",
  "rgb": {
    "r": 222,
    "g": 238,
    "b": 205
  },
  "hsl": {
    "h": 89.091,
    "s": 49.254,
    "l": 86.863
  },
  "oklch": {
    "l": 0.92849,
    "c": 0.04693,
    "h": 128.5
  },
  "luminance": 0.81086
}

Semantic roles & 50–950 ramp

primary
#DEEECD
secondary
#AF94CB
accent
#29BD71
background
#FEFFFE
surface
#FCFEFC
border
#D5D6D5
text
#161715
muted
#848584

Preview Lab

Preview with #DEEECD

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

Preview Lab → · Contrast checker → · Palette generator →

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