#8FE04B#8FE04B

#8FE04B is a very light, vivid yellow-green. Relative luminance 0.597; OKLCH L 82.5% C 0.197 H 133.6°. Best body text is #000000 at 12.93:1 contrast (WCAG AA passes).

Color values

HEX#8FE04B
RGBrgb(143, 224, 75)
HSLhsl(93, 71%, 59%)
HSVhsv(93, 67%, 88%)
CMYKcmyk(36.2%, 0%, 66.5%, 12.2%)
CIE-LABlab(81.65, -48.57, 62.60)
CIE-LCHlch(81.65, 79.23, 127.80°)
OKLaboklab(82.54% -0.1359 0.1429)
OKLCHoklch(82.54% 0.197 133.6)
XYZxyz(39.2527, 59.6572, 16.1020)
Luminance0.5966 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8FE04B #9C4BE0
analogous
#DAE04B #8FE04B #4BE051
triadic
#8FE04B #4B8FE0 #E04B8F
tetradic
#8FE04B #4BDAE0 #9C4BE0 #E0514B
square
#8FE04B #4BDAE0 #9C4BE0 #E0514B
split-complementary
#8FE04B #514BE0 #E04BDA
monochromatic
#53971A #70CB23 #8FE04B #AFE97F #D0F2B3

Accessibility & contrast

On white

1.62
#8FE04B on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.93
#8FE04B on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8FE04B
12.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8FE04B#FFFFFF#000000##000000
##8FE04B1.001.6212.9312.93
#FFFFFF1.621.0021.0021.00
#00000012.9321.001.001.00
##00000012.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9CF36
Deuteranopia (green-blind)
#DDC958
Tritanopia (blue-blind)
#8FD7C2
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #8fe04b;
/* rgb */ color: rgb(143, 224, 75);
/* oklch */ color: oklch(82.5% 0.197 133.6);
Tailwind
colors: {
  custom: {
    50: '#b5ea84',
    500: '#8fe04b',
    950: '#000000',
  },
}
SCSS
$custom: #8fe04b;
$custom-light: #b5ea84;
$custom-dark: #000000;
JSON
{
  "hex": "#8fe04b",
  "rgb": {
    "r": 143,
    "g": 224,
    "b": 75
  },
  "hsl": {
    "h": 92.617,
    "s": 70.616,
    "l": 58.627
  },
  "oklch": {
    "l": 0.82544,
    "c": 0.19717,
    "h": 133.6
  },
  "luminance": 0.59659
}

Semantic roles & 50–950 ramp

primary
#8FE04B
secondary
#6C349B
accent
#3AED9C
background
#FDFEFB
surface
#F8FDF2
border
#D1D5CC
text
#12160B
muted
#82847E

Preview Lab

Preview with #8FE04B

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

Preview Lab → · Contrast checker → · Palette generator →

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