#8EE84B#8EE84B

#8EE84B is a very light, highly saturated yellow-green. Relative luminance 0.640; OKLCH L 84.4% C 0.208 H 134.6°. Best body text is #000000 at 13.79:1 contrast (WCAG AA passes).

Color values

HEX#8EE84B
RGBrgb(142, 232, 75)
HSLhsl(94, 77%, 60%)
HSVhsv(94, 68%, 91%)
CMYKcmyk(38.8%, 0%, 67.7%, 9%)
CIE-LABlab(83.95, -52.17, 65.00)
CIE-LCHlch(83.95, 83.34, 128.75°)
OKLaboklab(84.41% -0.1456 0.1479)
OKLCHoklch(84.41% 0.208 134.6)
XYZxyz(41.2811, 63.9699, 16.8276)
Luminance0.6397 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8EE84B #A54BE8
analogous
#DCE84B #8EE84B #4BE856
triadic
#8EE84B #4B8EE8 #E84B8E
tetradic
#8EE84B #4BDCE8 #A54BE8 #E8564B
square
#8EE84B #4BDCE8 #A54BE8 #E8564B
split-complementary
#8EE84B #564BE8 #E84BDC
monochromatic
#52A415 #6DDA1C #8EE84B #B0EF81 #D2F6B8

Accessibility & contrast

On white

1.52
#8EE84B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.79
#8EE84B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8EE84B
13.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8EE84B#FFFFFF#000000##000000
##8EE84B1.001.5213.7913.79
#FFFFFF1.521.0021.0021.00
#00000013.7921.001.001.00
##00000013.7921.001.001.00

Color blindness preview

Protanopia (red-blind)
#F1D634
Deuteranopia (green-blind)
#E4CF59
Tritanopia (blue-blind)
#8DDFC8
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #8ee84b;
/* rgb */ color: rgb(142, 232, 75);
/* oklch */ color: oklch(84.4% 0.208 134.6);
Tailwind
colors: {
  custom: {
    50: '#b5f085',
    500: '#8ee84b',
    950: '#000000',
  },
}
SCSS
$custom: #8ee84b;
$custom-light: #b5f085;
$custom-dark: #000000;
JSON
{
  "hex": "#8ee84b",
  "rgb": {
    "r": 142,
    "g": 232,
    "b": 75
  },
  "hsl": {
    "h": 94.395,
    "s": 77.34,
    "l": 60.196
  },
  "oklch": {
    "l": 0.84409,
    "c": 0.20758,
    "h": 134.6
  },
  "luminance": 0.63972
}

Semantic roles & 50–950 ramp

primary
#8EE84B
secondary
#7431A6
accent
#0CDA82
background
#FDFFFC
surface
#F8FEF3
border
#D1D6CD
text
#12160C
muted
#82857F

Preview Lab

Preview with #8EE84B

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

Preview Lab → · Contrast checker → · Palette generator →

#8EE84B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva