#8FD454#8FD454

#8FD454 is a light, vivid yellow-green. Relative luminance 0.536; OKLCH L 79.8% C 0.175 H 132.9°. Best body text is #000000 at 11.71:1 contrast (WCAG AA passes).

Color values

HEX#8FD454
RGBrgb(143, 212, 84)
HSLhsl(92, 60%, 58%)
HSVhsv(92, 60%, 83%)
CMYKcmyk(32.5%, 0%, 60.4%, 16.9%)
CIE-LABlab(78.21, -42.73, 55.15)
CIE-LCHlch(78.21, 69.77, 127.77°)
OKLaboklab(79.76% -0.1193 0.1281)
OKLCHoklch(79.76% 0.175 132.9)
XYZxyz(36.4708, 53.5653, 16.8033)
Luminance0.5357 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8FD454 #9954D4
analogous
#CFD454 #8FD454 #54D459
triadic
#8FD454 #548FD4 #D4548F
tetradic
#8FD454 #54CFD4 #9954D4 #D45954
square
#8FD454 #54CFD4 #9954D4 #D45954
split-complementary
#8FD454 #5954D4 #D454CF
monochromatic
#538B23 #70BC2F #8FD454 #AFE085 #CFEDB6

Accessibility & contrast

On white

1.79
#8FD454 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.71
#8FD454 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8FD454
11.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8FD454#FFFFFF#000000##000000
##8FD4541.001.7911.7111.71
#FFFFFF1.791.0021.0021.00
#00000011.7121.001.001.00
##00000011.7121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DCC546
Deuteranopia (green-blind)
#D2BF5E
Tritanopia (blue-blind)
#90CCB9
Achromatopsia (no color)
#C1C1C1

Design tokens & code

CSS
--color: #8fd454;
/* rgb */ color: rgb(143, 212, 84);
/* oklch */ color: oklch(79.8% 0.175 132.9);
Tailwind
colors: {
  custom: {
    50: '#b4e189',
    500: '#8fd454',
    950: '#000000',
  },
}
SCSS
$custom: #8fd454;
$custom-light: #b4e189;
$custom-dark: #000000;
JSON
{
  "hex": "#8fd454",
  "rgb": {
    "r": 143,
    "g": 212,
    "b": 84
  },
  "hsl": {
    "h": 92.344,
    "s": 59.813,
    "l": 58.039
  },
  "oklch": {
    "l": 0.79761,
    "c": 0.17506,
    "h": 132.9
  },
  "luminance": 0.53567
}

Semantic roles & 50–950 ramp

primary
#8FD454
secondary
#693B91
accent
#45E39A
background
#FDFEFC
surface
#F8FCF4
border
#D1D5CE
text
#11150C
muted
#81847F

Preview Lab

Preview with #8FD454

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

Preview Lab → · Contrast checker → · Palette generator →

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