#8FFA3D#8FFA3D

#8FFA3D is a very light, highly saturated yellow-green. Relative luminance 0.745; OKLCH L 88.7% C 0.236 H 135.0°. Best body text is #000000 at 15.91:1 contrast (WCAG AA passes).

Color values

HEX#8FFA3D
RGBrgb(143, 250, 61)
HSLhsl(94, 95%, 61%)
HSVhsv(94, 76%, 98%)
CMYKcmyk(42.8%, 0%, 75.6%, 2%)
CIE-LABlab(89.18, -59.79, 75.02)
CIE-LCHlch(89.18, 95.93, 128.56°)
OKLaboklab(88.68% -0.1672 0.167)
OKLCHoklch(88.68% 0.236 135)
XYZxyz(46.3546, 74.5451, 16.3601)
Luminance0.7455 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8FFA3D #A83DFA
analogous
#EEFA3D #8FFA3D #3DFA49
triadic
#8FFA3D #3D8FFA #FA3D8F
tetradic
#8FFA3D #3DEEFA #A83DFA #FA493D
square
#8FFA3D #3DEEFA #A83DFA #FA493D
split-complementary
#8FFA3D #493DFA #FA3DEE
monochromatic
#52B805 #6DF406 #8FFA3D #B1FC79 #D4FDB4

Accessibility & contrast

On white

1.32
#8FFA3D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.91
#8FFA3D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #8FFA3D
15.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8FFA3D#FFFFFF#000000##000000
##8FFA3D1.001.3215.9115.91
#FFFFFF1.321.0021.0021.00
#00000015.9121.001.001.00
##00000015.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE607
Deuteranopia (green-blind)
#F5DD51
Tritanopia (blue-blind)
#8CF0D7
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #8ffa3d;
/* rgb */ color: rgb(143, 250, 61);
/* oklch */ color: oklch(88.7% 0.236 135.0);
Tailwind
colors: {
  custom: {
    50: '#b8fd80',
    500: '#8ffa3d',
    950: '#000000',
  },
}
SCSS
$custom: #8ffa3d;
$custom-light: #b8fd80;
$custom-dark: #000000;
JSON
{
  "hex": "#8ffa3d",
  "rgb": {
    "r": 143,
    "g": 250,
    "b": 61
  },
  "hsl": {
    "h": 93.968,
    "s": 94.975,
    "l": 60.98
  },
  "oklch": {
    "l": 0.88677,
    "c": 0.23633,
    "h": 135
  },
  "luminance": 0.74548
}

Semantic roles & 50–950 ramp

primary
#8FFA3D
secondary
#7725B6
accent
#00E682
background
#FDFFFB
surface
#F9FFF2
border
#D2D7CC
text
#12180B
muted
#82867E

Preview Lab

Preview with #8FFA3D

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

Preview Lab → · Contrast checker → · Palette generator →

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