#EFFCBF#EFFCBF

#EFFCBF is a very light, moderate yellow-green. Relative luminance 0.917; OKLCH L 96.7% C 0.080 H 117.7°. Best body text is #000000 at 19.35:1 contrast (WCAG AA passes).

Color values

HEX#EFFCBF
RGBrgb(239, 252, 191)
HSLhsl(73, 91%, 87%)
HSVhsv(73, 24%, 99%)
CMYKcmyk(5.2%, 0%, 24.2%, 1.2%)
CIE-LABlab(96.71, -14.11, 27.87)
CIE-LCHlch(96.71, 31.24, 116.86°)
OKLaboklab(96.66% -0.037 0.0706)
OKLCHoklch(96.66% 0.08 117.7)
XYZxyz(79.8103, 91.7335, 62.7819)
Luminance0.9173 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFFCBF #CCBFFC
analogous
#FCEBBF #EFFCBF #D1FCBF
triadic
#EFFCBF #BFEFFC #FCBFEF
tetradic
#EFFCBF #BFFCEB #CCBFFC #FCBFD1
square
#EFFCBF #BFFCEB #CCBFFC #FCBFD1
split-complementary
#EFFCBF #BFD1FC #EBBFFC
monochromatic
#D2F74A #E0F985 #EFFCBF #F8FEE2 #F8FEE2

Accessibility & contrast

On white

1.09
#EFFCBF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.35
#EFFCBF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFFCBF
19.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFFCBF#FFFFFF#000000##000000
##EFFCBF1.001.0919.3519.35
#FFFFFF1.091.0021.0021.00
#00000019.3521.001.001.00
##00000019.3521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF5BB
Deuteranopia (green-blind)
#FFF6C2
Tritanopia (blue-blind)
#F5F5EC
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #effcbf;
/* rgb */ color: rgb(239, 252, 191);
/* oklch */ color: oklch(96.7% 0.080 117.7);
Tailwind
colors: {
  custom: {
    50: '#f4fdd2',
    500: '#effcbf',
    950: '#000000',
  },
}
SCSS
$custom: #effcbf;
$custom-light: #f4fdd2;
$custom-dark: #000000;
JSON
{
  "hex": "#effcbf",
  "rgb": {
    "r": 239,
    "g": 252,
    "b": 191
  },
  "hsl": {
    "h": 72.787,
    "s": 91.045,
    "l": 86.863
  },
  "oklch": {
    "l": 0.96662,
    "c": 0.0797,
    "h": 117.7
  },
  "luminance": 0.91733
}

Semantic roles & 50–950 ramp

primary
#EFFCBF
secondary
#937DE2
accent
#00E631
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#171714
muted
#858583

Preview Lab

Preview with #EFFCBF

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

Preview Lab → · Contrast checker → · Palette generator →

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