#E2FC87#E2FC87

#E2FC87 is a very light, vivid yellow-green. Relative luminance 0.875; OKLCH L 94.8% C 0.146 H 119.6°. Best body text is #000000 at 18.51:1 contrast (WCAG AA passes).

Color values

HEX#E2FC87
RGBrgb(226, 252, 135)
HSLhsl(73, 95%, 76%)
HSVhsv(73, 46%, 99%)
CMYKcmyk(10.3%, 0%, 46.4%, 1.2%)
CIE-LABlab(94.97, -25.60, 52.90)
CIE-LCHlch(94.97, 58.77, 115.82°)
OKLaboklab(94.77% -0.0719 0.1267)
OKLCHoklch(94.77% 0.146 119.6)
XYZxyz(70.5481, 87.5391, 36.0972)
Luminance0.8754 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E2FC87 #A187FC
analogous
#FCDB87 #E2FC87 #A7FC87
triadic
#E2FC87 #87E2FC #FC87E2
tetradic
#E2FC87 #87FCDB #A187FC #FC87A7
square
#E2FC87 #87FCDB #A187FC #FC87A7
split-complementary
#E2FC87 #87A7FC #DB87FC
monochromatic
#C5F910 #D4FB4B #E2FC87 #F0FDC3 #F8FEE1

Accessibility & contrast

On white

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

On black

18.51
#E2FC87 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E2FC87
18.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E2FC87#FFFFFF#000000##000000
##E2FC871.001.1318.5118.51
#FFFFFF1.131.0021.0021.00
#00000018.5121.001.001.00
##00000018.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF17D
Deuteranopia (green-blind)
#FFF18D
Tritanopia (blue-blind)
#ECF1E1
Achromatopsia (no color)
#F0F0F0

Design tokens & code

CSS
--color: #e2fc87;
/* rgb */ color: rgb(226, 252, 135);
/* oklch */ color: oklch(94.8% 0.146 119.6);
Tailwind
colors: {
  custom: {
    50: '#edfdac',
    500: '#e2fc87',
    950: '#000000',
  },
}
SCSS
$custom: #e2fc87;
$custom-light: #edfdac;
$custom-dark: #000000;
JSON
{
  "hex": "#e2fc87",
  "rgb": {
    "r": 226,
    "g": 252,
    "b": 135
  },
  "hsl": {
    "h": 73.333,
    "s": 95.122,
    "l": 75.882
  },
  "oklch": {
    "l": 0.9477,
    "c": 0.14565,
    "h": 119.6
  },
  "luminance": 0.87539
}

Semantic roles & 50–950 ramp

primary
#E2FC87
secondary
#6C4CDB
accent
#00E633
background
#FFFFFD
surface
#FEFFF7
border
#D6D7D0
text
#161710
muted
#858581

Preview Lab

Preview with #E2FC87

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

Preview Lab → · Contrast checker → · Palette generator →

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