#8EDC4A#8EDC4A

#8EDC4A is a light, vivid yellow-green. Relative luminance 0.574; OKLCH L 81.5% C 0.193 H 133.3°. Best body text is #000000 at 12.49:1 contrast (WCAG AA passes).

Color values

HEX#8EDC4A
RGBrgb(142, 220, 74)
HSLhsl(92, 68%, 58%)
HSVhsv(92, 66%, 86%)
CMYKcmyk(35.5%, 0%, 66.4%, 13.7%)
CIE-LABlab(80.42, -47.32, 61.68)
CIE-LCHlch(80.42, 77.74, 127.49°)
OKLaboklab(81.52% -0.1325 0.1408)
OKLCHoklch(81.52% 0.193 133.3)
XYZxyz(37.9839, 57.4300, 15.5610)
Luminance0.5743 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8EDC4A #984ADC
analogous
#D7DC4A #8EDC4A #4ADC4F
triadic
#8EDC4A #4A8EDC #DC4A8E
tetradic
#8EDC4A #4AD7DC #984ADC #DC4F4A
square
#8EDC4A #4AD7DC #984ADC #DC4F4A
split-complementary
#8EDC4A #4F4ADC #DC4AD7
monochromatic
#52901C #6FC326 #8EDC4A #AEE67D #CEF0B1

Accessibility & contrast

On white

1.68
#8EDC4A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.49
#8EDC4A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8EDC4A
12.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8EDC4A#FFFFFF#000000##000000
##8EDC4A1.001.6812.4912.49
#FFFFFF1.681.0021.0021.00
#00000012.4921.001.001.00
##00000012.4921.001.001.00

Color blindness preview

Protanopia (red-blind)
#E5CB36
Deuteranopia (green-blind)
#DAC556
Tritanopia (blue-blind)
#8ED4BE
Achromatopsia (no color)
#C7C7C7

Design tokens & code

CSS
--color: #8edc4a;
/* rgb */ color: rgb(142, 220, 74);
/* oklch */ color: oklch(81.5% 0.193 133.3);
Tailwind
colors: {
  custom: {
    50: '#b4e783',
    500: '#8edc4a',
    950: '#000000',
  },
}
SCSS
$custom: #8edc4a;
$custom-light: #b4e783;
$custom-dark: #000000;
JSON
{
  "hex": "#8edc4a",
  "rgb": {
    "r": 142,
    "g": 220,
    "b": 74
  },
  "hsl": {
    "h": 92.055,
    "s": 67.593,
    "l": 57.647
  },
  "oklch": {
    "l": 0.81524,
    "c": 0.19335,
    "h": 133.3
  },
  "luminance": 0.57432
}

Semantic roles & 50–950 ramp

primary
#8EDC4A
secondary
#683595
accent
#3DEA9A
background
#FDFEFB
surface
#F8FCF2
border
#D1D5CC
text
#12160B
muted
#82847E

Preview Lab

Preview with #8EDC4A

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

Preview Lab → · Contrast checker → · Palette generator →

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