#EBF7CC#EBF7CC

#EBF7CC is a very light, muted yellow-green. Relative luminance 0.885; OKLCH L 95.6% C 0.058 H 120.2°. Best body text is #000000 at 18.71:1 contrast (WCAG AA passes).

Color values

HEX#EBF7CC
RGBrgb(235, 247, 204)
HSLhsl(77, 73%, 88%)
HSVhsv(77, 17%, 97%)
CMYKcmyk(4.9%, 0%, 17.4%, 3.1%)
CIE-LABlab(95.39, -11.17, 19.38)
CIE-LCHlch(95.39, 22.36, 119.96°)
OKLaboklab(95.62% -0.0289 0.0498)
OKLCHoklch(95.62% 0.058 120.2)
XYZxyz(78.4195, 88.5434, 70.0743)
Luminance0.8854 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EBF7CC #D8CCF7
analogous
#F7EDCC #EBF7CC #D5F7CC
triadic
#EBF7CC #CCEBF7 #F7CCEB
tetradic
#EBF7CC #CCF7ED #D8CCF7 #F7CCD5
square
#EBF7CC #CCF7ED #D8CCF7 #F7CCD5
split-complementary
#EBF7CC #CCD5F7 #EDCCF7
monochromatic
#C2E662 #D6EF97 #EBF7CC #F5FBE5 #F5FBE5

Accessibility & contrast

On white

1.12
#EBF7CC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.71
#EBF7CC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBF7CC
18.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EBF7CC#FFFFFF#000000##000000
##EBF7CC1.001.1218.7118.71
#FFFFFF1.121.0021.0021.00
#00000018.7121.001.001.00
##00000018.7121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDF2C9
Deuteranopia (green-blind)
#FBF2CE
Tritanopia (blue-blind)
#EFF2EB
Achromatopsia (no color)
#F2F2F2

Design tokens & code

CSS
--color: #ebf7cc;
/* rgb */ color: rgb(235, 247, 204);
/* oklch */ color: oklch(95.6% 0.058 120.2);
Tailwind
colors: {
  custom: {
    50: '#f1f9db',
    500: '#ebf7cc',
    950: '#000000',
  },
}
SCSS
$custom: #ebf7cc;
$custom-light: #f1f9db;
$custom-dark: #000000;
JSON
{
  "hex": "#ebf7cc",
  "rgb": {
    "r": 235,
    "g": 247,
    "b": 204
  },
  "hsl": {
    "h": 76.744,
    "s": 72.881,
    "l": 88.431
  },
  "oklch": {
    "l": 0.95623,
    "c": 0.05758,
    "h": 120.2
  },
  "luminance": 0.88543
}

Semantic roles & 50–950 ramp

primary
#EBF7CC
secondary
#A38DDA
accent
#11D547
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#161715
muted
#858584

Preview Lab

Preview with #EBF7CC

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

Preview Lab → · Contrast checker → · Palette generator →

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