#8AFF41#8AFF41

#8AFF41 is a very light, highly saturated yellow-green. Relative luminance 0.773; OKLCH L 89.7% C 0.242 H 136.3°. Best body text is #000000 at 16.46:1 contrast (WCAG AA passes).

Color values

HEX#8AFF41
RGBrgb(138, 255, 65)
HSLhsl(97, 100%, 63%)
HSVhsv(97, 75%, 100%)
CMYKcmyk(45.9%, 0%, 74.5%, 0%)
CIE-LABlab(90.46, -62.95, 74.95)
CIE-LCHlch(90.46, 97.88, 130.03°)
OKLaboklab(89.68% -0.1752 0.1674)
OKLCHoklch(89.68% 0.242 136.3)
XYZxyz(47.1941, 77.3019, 17.4339)
Luminance0.7731 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8AFF41 #B641FF
analogous
#E9FF41 #8AFF41 #41FF57
triadic
#8AFF41 #418AFF #FF418A
tetradic
#8AFF41 #41E9FF #B641FF #FF5741
square
#8AFF41 #41E9FF #B641FF #FF5741
split-complementary
#8AFF41 #5741FF #FF41E9
monochromatic
#4CC600 #64FF04 #8AFF41 #B0FF7E #D5FFBB

Accessibility & contrast

On white

1.28
#8AFF41 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.46
#8AFF41 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8AFF41
16.46:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8AFF41#FFFFFF#000000##000000
##8AFF411.001.2816.4616.46
#FFFFFF1.281.0021.0021.00
#00000016.4621.001.001.00
##00000016.4621.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA13
Deuteranopia (green-blind)
#F8E055
Tritanopia (blue-blind)
#85F6DB
Achromatopsia (no color)
#E4E4E4

Design tokens & code

CSS
--color: #8aff41;
/* rgb */ color: rgb(138, 255, 65);
/* oklch */ color: oklch(89.7% 0.242 136.3);
Tailwind
colors: {
  custom: {
    50: '#b5ff82',
    500: '#8aff41',
    950: '#000000',
  },
}
SCSS
$custom: #8aff41;
$custom-light: #b5ff82;
$custom-dark: #000000;
JSON
{
  "hex": "#8aff41",
  "rgb": {
    "r": 138,
    "g": 255,
    "b": 65
  },
  "hsl": {
    "h": 96.947,
    "s": 100,
    "l": 62.745
  },
  "oklch": {
    "l": 0.89679,
    "c": 0.24237,
    "h": 136.3
  },
  "luminance": 0.77305
}

Semantic roles & 50–950 ramp

primary
#8AFF41
secondary
#8522C2
accent
#00E68D
background
#FDFFFC
surface
#F9FFF3
border
#D2D7CD
text
#12180C
muted
#82867F

Preview Lab

Preview with #8AFF41

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

Preview Lab → · Contrast checker → · Palette generator →

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