#EAF8BB#EAF8BB

#EAF8BB is a very light, moderate yellow-green. Relative luminance 0.882; OKLCH L 95.4% C 0.080 H 118.4°. Best body text is #000000 at 18.64:1 contrast (WCAG AA passes).

Color values

HEX#EAF8BB
RGBrgb(234, 248, 187)
HSLhsl(74, 81%, 85%)
HSVhsv(74, 25%, 97%)
CMYKcmyk(5.6%, 0%, 24.6%, 2.7%)
CIE-LABlab(95.25, -14.50, 27.84)
CIE-LCHlch(95.25, 31.39, 117.51°)
OKLaboklab(95.39% -0.0382 0.0705)
OKLCHoklch(95.39% 0.08 118.4)
XYZxyz(76.4680, 88.2154, 60.0029)
Luminance0.8821 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EAF8BB #C9BBF8
analogous
#F8E7BB #EAF8BB #CCF8BB
triadic
#EAF8BB #BBEAF8 #F8BBEA
tetradic
#EAF8BB #BBF8E7 #C9BBF8 #F8BBCC
square
#EAF8BB #BBF8E7 #C9BBF8 #F8BBCC
split-complementary
#EAF8BB #BBCCF8 #E7BBF8
monochromatic
#C8ED4C #D9F284 #EAF8BB #F6FCE3 #F6FCE3

Accessibility & contrast

On white

1.13
#EAF8BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.64
#EAF8BB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EAF8BB
18.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EAF8BB#FFFFFF#000000##000000
##EAF8BB1.001.1318.6418.64
#FFFFFF1.131.0021.0021.00
#00000018.6421.001.001.00
##00000018.6421.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF1B7
Deuteranopia (green-blind)
#FFF2BE
Tritanopia (blue-blind)
#F0F1E8
Achromatopsia (no color)
#F1F1F1

Design tokens & code

CSS
--color: #eaf8bb;
/* rgb */ color: rgb(234, 248, 187);
/* oklch */ color: oklch(95.4% 0.080 118.4);
Tailwind
colors: {
  custom: {
    50: '#f1facf',
    500: '#eaf8bb',
    950: '#000000',
  },
}
SCSS
$custom: #eaf8bb;
$custom-light: #f1facf;
$custom-dark: #000000;
JSON
{
  "hex": "#eaf8bb",
  "rgb": {
    "r": 234,
    "g": 248,
    "b": 187
  },
  "hsl": {
    "h": 73.77,
    "s": 81.333,
    "l": 85.294
  },
  "oklch": {
    "l": 0.9539,
    "c": 0.08013,
    "h": 118.4
  },
  "luminance": 0.88215
}

Semantic roles & 50–950 ramp

primary
#EAF8BB
secondary
#927CDB
accent
#08DE39
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#171714
muted
#858583

Preview Lab

Preview with #EAF8BB

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

Preview Lab → · Contrast checker → · Palette generator →

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