#EEFCD5#EEFCD5

#EEFCD5 is a very light, muted yellow-green. Relative luminance 0.926; OKLCH L 97.1% C 0.053 H 123.5°. Best body text is #000000 at 19.52:1 contrast (WCAG AA passes).

Color values

HEX#EEFCD5
RGBrgb(238, 252, 213)
HSLhsl(82, 87%, 91%)
HSVhsv(82, 15%, 99%)
CMYKcmyk(5.6%, 0%, 15.5%, 1.2%)
CIE-LABlab(97.07, -11.21, 17.15)
CIE-LCHlch(97.07, 20.49, 123.18°)
OKLaboklab(97.07% -0.0292 0.0442)
OKLCHoklch(97.07% 0.053 123.5)
XYZxyz(82.0789, 92.6020, 76.4878)
Luminance0.9260 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EEFCD5 #E3D5FC
analogous
#FCF6D5 #EEFCD5 #DAFCD5
triadic
#EEFCD5 #D5EEFC #FCD5EE
tetradic
#EEFCD5 #D5FCF6 #E3D5FC #FCD5DA
square
#EEFCD5 #D5FCF6 #E3D5FC #FCD5DA
split-complementary
#EEFCD5 #D5DAFC #F6D5FC
monochromatic
#C0F463 #D7F89C #EEFCD5 #F3FDE2 #F3FDE2

Accessibility & contrast

On white

1.08
#EEFCD5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.52
#EEFCD5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EEFCD5
19.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EEFCD5#FFFFFF#000000##000000
##EEFCD51.001.0819.5219.52
#FFFFFF1.081.0021.0021.00
#00000019.5221.001.001.00
##00000019.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF7D3
Deuteranopia (green-blind)
#FFF6D7
Tritanopia (blue-blind)
#F1F8F1
Achromatopsia (no color)
#F7F7F7

Design tokens & code

CSS
--color: #eefcd5;
/* rgb */ color: rgb(238, 252, 213);
/* oklch */ color: oklch(97.1% 0.053 123.5);
Tailwind
colors: {
  custom: {
    50: '#f3fde2',
    500: '#eefcd5',
    950: '#000000',
  },
}
SCSS
$custom: #eefcd5;
$custom-light: #f3fde2;
$custom-dark: #000000;
JSON
{
  "hex": "#eefcd5",
  "rgb": {
    "r": 238,
    "g": 252,
    "b": 213
  },
  "hsl": {
    "h": 81.538,
    "s": 86.667,
    "l": 91.176
  },
  "oklch": {
    "l": 0.97065,
    "c": 0.05303,
    "h": 123.5
  },
  "luminance": 0.92602
}

Semantic roles & 50–950 ramp

primary
#EEFCD5
secondary
#AF91E4
accent
#02E353
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#171715
muted
#858584

Preview Lab

Preview with #EEFCD5

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

Preview Lab → · Contrast checker → · Palette generator →

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