#8EE348#8EE348

#8EE348 is a very light, highly saturated yellow-green. Relative luminance 0.612; OKLCH L 83.2% C 0.203 H 133.9°. Best body text is #000000 at 13.23:1 contrast (WCAG AA passes).

Color values

HEX#8EE348
RGBrgb(142, 227, 72)
HSLhsl(93, 73%, 59%)
HSVhsv(93, 68%, 89%)
CMYKcmyk(37.4%, 0%, 68.3%, 11%)
CIE-LABlab(82.46, -50.36, 64.58)
CIE-LCHlch(82.46, 81.89, 127.94°)
OKLaboklab(83.19% -0.1409 0.1467)
OKLCHoklch(83.19% 0.203 133.9)
XYZxyz(39.7934, 61.1550, 15.8370)
Luminance0.6116 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8EE348 #9D48E3
analogous
#DCE348 #8EE348 #48E34F
triadic
#8EE348 #488EE3 #E3488E
tetradic
#8EE348 #48DCE3 #9D48E3 #E34F48
square
#8EE348 #48DCE3 #9D48E3 #E34F48
split-complementary
#8EE348 #4F48E3 #E348DC
monochromatic
#529917 #6ECE20 #8EE348 #AFEB7D #D0F3B2

Accessibility & contrast

On white

1.59
#8EE348 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.23
#8EE348 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8EE348
13.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8EE348#FFFFFF#000000##000000
##8EE3481.001.5913.2313.23
#FFFFFF1.591.0021.0021.00
#00000013.2321.001.001.00
##00000013.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#ECD231
Deuteranopia (green-blind)
#E0CB56
Tritanopia (blue-blind)
#8EDAC4
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #8ee348;
/* rgb */ color: rgb(142, 227, 72);
/* oklch */ color: oklch(83.2% 0.203 133.9);
Tailwind
colors: {
  custom: {
    50: '#b5ec83',
    500: '#8ee348',
    950: '#000000',
  },
}
SCSS
$custom: #8ee348;
$custom-light: #b5ec83;
$custom-dark: #000000;
JSON
{
  "hex": "#8ee348",
  "rgb": {
    "r": 142,
    "g": 227,
    "b": 72
  },
  "hsl": {
    "h": 92.903,
    "s": 73.46,
    "l": 58.627
  },
  "oklch": {
    "l": 0.83186,
    "c": 0.2034,
    "h": 133.9
  },
  "luminance": 0.61157
}

Semantic roles & 50–950 ramp

primary
#8EE348
secondary
#6D329D
accent
#38F09D
background
#FDFFFB
surface
#F8FEF2
border
#D1D6CC
text
#12160B
muted
#82857E

Preview Lab

Preview with #8EE348

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

Preview Lab → · Contrast checker → · Palette generator →

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