#EFFDBB#EFFDBB

#EFFDBB is a very light, moderate yellow-green. Relative luminance 0.922; OKLCH L 96.8% C 0.086 H 117.8°. Best body text is #000000 at 19.44:1 contrast (WCAG AA passes).

Color values

HEX#EFFDBB
RGBrgb(239, 253, 187)
HSLhsl(73, 94%, 86%)
HSVhsv(73, 26%, 99%)
CMYKcmyk(5.5%, 0%, 26.1%, 0.8%)
CIE-LABlab(96.90, -15.15, 30.14)
CIE-LCHlch(96.90, 33.73, 116.69°)
OKLaboklab(96.79% -0.04 0.076)
OKLCHoklch(96.79% 0.086 117.8)
XYZxyz(79.6909, 92.1895, 60.6002)
Luminance0.9219 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFFDBB #C9BBFD
analogous
#FDEABB #EFFDBB #CEFDBB
triadic
#EFFDBB #BBEFFD #FDBBEF
tetradic
#EFFDBB #BBFDEA #C9BBFD #FDBBCE
square
#EFFDBB #BBFDEA #C9BBFD #FDBBCE
split-complementary
#EFFDBB #BBCEFD #EABBFD
monochromatic
#D3FA44 #E1FB80 #EFFDBB #F8FEE1 #F8FEE1

Accessibility & contrast

On white

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

On black

19.44
#EFFDBB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFFDBB
19.44:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFFDBB#FFFFFF#000000##000000
##EFFDBB1.001.0819.4419.44
#FFFFFF1.081.0021.0021.00
#00000019.4421.001.001.00
##00000019.4421.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF6B7
Deuteranopia (green-blind)
#FFF7BE
Tritanopia (blue-blind)
#F6F6EB
Achromatopsia (no color)
#F6F6F6

Design tokens & code

CSS
--color: #effdbb;
/* rgb */ color: rgb(239, 253, 187);
/* oklch */ color: oklch(96.8% 0.086 117.8);
Tailwind
colors: {
  custom: {
    50: '#f4fecf',
    500: '#effdbb',
    950: '#000000',
  },
}
SCSS
$custom: #effdbb;
$custom-light: #f4fecf;
$custom-dark: #000000;
JSON
{
  "hex": "#effdbb",
  "rgb": {
    "r": 239,
    "g": 253,
    "b": 187
  },
  "hsl": {
    "h": 72.727,
    "s": 94.286,
    "l": 86.275
  },
  "oklch": {
    "l": 0.96787,
    "c": 0.08589,
    "h": 117.8
  },
  "luminance": 0.92189
}

Semantic roles & 50–950 ramp

primary
#EFFDBB
secondary
#8F79E3
accent
#00E631
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#171714
muted
#858583

Preview Lab

Preview with #EFFDBB

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

Preview Lab → · Contrast checker → · Palette generator →

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