#EFFFC5#EFFFC5

#EFFFC5 is a very light, moderate yellow-green. Relative luminance 0.939; OKLCH L 97.4% C 0.077 H 120.4°. Best body text is #000000 at 19.78:1 contrast (WCAG AA passes).

Color values

HEX#EFFFC5
RGBrgb(239, 255, 197)
HSLhsl(77, 100%, 89%)
HSVhsv(77, 23%, 100%)
CMYKcmyk(6.3%, 0%, 22.7%, 0%)
CIE-LABlab(97.59, -14.73, 26.04)
CIE-LCHlch(97.59, 29.92, 119.51°)
OKLaboklab(97.4% -0.0388 0.0662)
OKLCHoklch(97.4% 0.077 120.4)
XYZxyz(81.4336, 93.9021, 66.6473)
Luminance0.9390 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFFFC5 #D5C5FF
analogous
#FFF2C5 #EFFFC5 #D2FFC5
triadic
#EFFFC5 #C5EFFF #FFC5EF
tetradic
#EFFFC5 #C5FFF2 #D5C5FF #FFC5D2
square
#EFFFC5 #C5FFF2 #D5C5FF #FFC5D2
split-complementary
#EFFFC5 #C5D2FF #F2C5FF
monochromatic
#CDFF4B #DEFF88 #EFFFC5 #F7FFE0 #F7FFE0

Accessibility & contrast

On white

1.06
#EFFFC5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.78
#EFFFC5 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFFFC5
19.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFFFC5#FFFFFF#000000##000000
##EFFFC51.001.0619.7819.78
#FFFFFF1.061.0021.0021.00
#00000019.7821.001.001.00
##00000019.7821.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF8C1
Deuteranopia (green-blind)
#FFF8C7
Tritanopia (blue-blind)
#F4F9EF
Achromatopsia (no color)
#F8F8F8

Design tokens & code

CSS
--color: #efffc5;
/* rgb */ color: rgb(239, 255, 197);
/* oklch */ color: oklch(97.4% 0.077 120.4);
Tailwind
colors: {
  custom: {
    50: '#f4ffd6',
    500: '#efffc5',
    950: '#000000',
  },
}
SCSS
$custom: #efffc5;
$custom-light: #f4ffd6;
$custom-dark: #000000;
JSON
{
  "hex": "#efffc5",
  "rgb": {
    "r": 239,
    "g": 255,
    "b": 197
  },
  "hsl": {
    "h": 76.552,
    "s": 100,
    "l": 88.627
  },
  "oklch": {
    "l": 0.97398,
    "c": 0.0767,
    "h": 120.4
  },
  "luminance": 0.93902
}

Semantic roles & 50–950 ramp

primary
#EFFFC5
secondary
#9D80E9
accent
#00E63F
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#171814
muted
#858683

Preview Lab

Preview with #EFFFC5

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

Preview Lab → · Contrast checker → · Palette generator →

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