#8DE942#8DE942

#8DE942 is a very light, highly saturated yellow-green. Relative luminance 0.643; OKLCH L 84.5% C 0.215 H 134.2°. Best body text is #000000 at 13.87:1 contrast (WCAG AA passes).

Color values

HEX#8DE942
RGBrgb(141, 233, 66)
HSLhsl(93, 79%, 59%)
HSVhsv(93, 72%, 91%)
CMYKcmyk(39.5%, 0%, 71.7%, 8.6%)
CIE-LABlab(84.14, -53.51, 68.44)
CIE-LCHlch(84.14, 86.88, 128.02°)
OKLaboklab(84.53% -0.1499 0.1539)
OKLCHoklch(84.53% 0.215 134.2)
XYZxyz(41.1060, 64.3318, 15.4046)
Luminance0.6433 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8DE942 #9E42E9
analogous
#E0E942 #8DE942 #42E94A
triadic
#8DE942 #428DE9 #E9428D
tetradic
#8DE942 #42E0E9 #9E42E9 #E94A42
square
#8DE942 #42E0E9 #9E42E9 #E94A42
split-complementary
#8DE942 #4A42E9 #E942E0
monochromatic
#519E12 #6DD519 #8DE942 #AEEF79 #CFF6B0

Accessibility & contrast

On white

1.51
#8DE942 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.87
#8DE942 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8DE942
13.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8DE942#FFFFFF#000000##000000
##8DE9421.001.5113.8713.87
#FFFFFF1.511.0021.0021.00
#00000013.8721.001.001.00
##00000013.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#F2D723
Deuteranopia (green-blind)
#E5CF52
Tritanopia (blue-blind)
#8CE0C9
Achromatopsia (no color)
#D2D2D2

Design tokens & code

CSS
--color: #8de942;
/* rgb */ color: rgb(141, 233, 66);
/* oklch */ color: oklch(84.5% 0.215 134.2);
Tailwind
colors: {
  custom: {
    50: '#b5f080',
    500: '#8de942',
    950: '#000000',
  },
}
SCSS
$custom: #8de942;
$custom-light: #b5f080;
$custom-dark: #000000;
JSON
{
  "hex": "#8de942",
  "rgb": {
    "r": 141,
    "g": 233,
    "b": 66
  },
  "hsl": {
    "h": 93.054,
    "s": 79.147,
    "l": 58.627
  },
  "oklch": {
    "l": 0.84531,
    "c": 0.21483,
    "h": 134.2
  },
  "luminance": 0.64334
}

Semantic roles & 50–950 ramp

primary
#8DE942
secondary
#6D2EA1
accent
#32F69E
background
#FDFFFB
surface
#F8FEF2
border
#D1D6CC
text
#12170B
muted
#82857E

Preview Lab

Preview with #8DE942

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

Preview Lab → · Contrast checker → · Palette generator →

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