#E2F592#E2F592

#E2F592 is a very light, vivid yellow-green. Relative luminance 0.835; OKLCH L 93.4% C 0.125 H 117.8°. Best body text is #000000 at 17.71:1 contrast (WCAG AA passes).

Color values

HEX#E2F592
RGBrgb(226, 245, 146)
HSLhsl(72, 83%, 77%)
HSVhsv(72, 40%, 96%)
CMYKcmyk(7.8%, 0%, 40.4%, 3.9%)
CIE-LABlab(93.25, -21.11, 45.53)
CIE-LCHlch(93.25, 50.18, 114.87°)
OKLaboklab(93.45% -0.0583 0.1108)
OKLCHoklch(93.45% 0.125 117.8)
XYZxyz(69.2051, 83.5494, 39.6694)
Luminance0.8355 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E2F592 #A592F5
analogous
#F5D792 #E2F592 #B1F592
triadic
#E2F592 #92E2F5 #F592E2
tetradic
#E2F592 #92F5D7 #A592F5 #F592B1
square
#E2F592 #92F5D7 #A592F5 #F592B1
split-complementary
#E2F592 #92B1F5 #D792F5
monochromatic
#C4EB22 #D3F05A #E2F592 #F1FACA #F8FCE3

Accessibility & contrast

On white

1.19
#E2F592 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.71
#E2F592 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E2F592
17.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E2F592#FFFFFF#000000##000000
##E2F5921.001.1917.7117.71
#FFFFFF1.191.0021.0021.00
#00000017.7121.001.001.00
##00000017.7121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEB8A
Deuteranopia (green-blind)
#FFEC97
Tritanopia (blue-blind)
#EBEBDD
Achromatopsia (no color)
#ECECEC

Design tokens & code

CSS
--color: #e2f592;
/* rgb */ color: rgb(226, 245, 146);
/* oklch */ color: oklch(93.4% 0.125 117.8);
Tailwind
colors: {
  custom: {
    50: '#ecf8b3',
    500: '#e2f592',
    950: '#000000',
  },
}
SCSS
$custom: #e2f592;
$custom-light: #ecf8b3;
$custom-dark: #000000;
JSON
{
  "hex": "#e2f592",
  "rgb": {
    "r": 226,
    "g": 245,
    "b": 146
  },
  "hsl": {
    "h": 71.515,
    "s": 83.193,
    "l": 76.667
  },
  "oklch": {
    "l": 0.93445,
    "c": 0.12522,
    "h": 117.8
  },
  "luminance": 0.83549
}

Semantic roles & 50–950 ramp

primary
#E2F592
secondary
#7058D3
accent
#06E030
background
#FFFFFD
surface
#FEFFF8
border
#D6D7D1
text
#161711
muted
#858581

Preview Lab

Preview with #E2F592

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

Preview Lab → · Contrast checker → · Palette generator →

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