#ABFC83#ABFC83

#ABFC83 is a very light, vivid green. Relative luminance 0.799; OKLCH L 91.2% C 0.174 H 136.2°. Best body text is #000000 at 16.98:1 contrast (WCAG AA passes).

Color values

HEX	#ABFC83
RGB	rgb(171, 252, 131)
HSL	hsl(100, 95%, 75%)
HSV	hsv(100, 48%, 99%)
CMYK	cmyk(32.1%, 0%, 48%, 1.2%)
CIE-LAB	lab(91.65, -45.58, 49.97)
CIE-LCH	lch(91.65, 67.63, 132.37°)
OKLab	oklab(91.23% -0.1254 0.1204)
OKLCH	oklch(91.23% 0.174 136.2)
XYZ	xyz(55.7003, 79.9152, 33.9587)
Luminance	0.7992 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Spring Green (survey)

Light Yellowish Green

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ABFC83 #D483FC

analogous

#E8FC83 #ABFC83 #83FC97

triadic

#ABFC83 #83ABFC #FC83AB

tetradic

#ABFC83 #83E8FC #D483FC #FC9783

square

#ABFC83 #83E8FC #D483FC #FC9783

split-complementary

#ABFC83 #9783FC #FC83E8

monochromatic

#5AF90B #83FB47 #ABFC83 #D3FDBF #EBFEE1

Accessibility & contrast

On white

1.24

#ABFC83 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.98

#ABFC83 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ABFC83

16.98:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ABFC83	#FFFFFF	#000000	##000000
##ABFC83	1.00	1.24	16.98	16.98
#FFFFFF	1.24	1.00	21.00	21.00
#000000	16.98	21.00	1.00	1.00
##000000	16.98	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEB79

Deuteranopia (green-blind)

#F8E48B

Tritanopia (blue-blind)

#A9F4E0

Achromatopsia (no color)

#E7E7E7

Design tokens & code

CSS

--color: #abfc83;
/* rgb */ color: rgb(171, 252, 131);
/* oklch */ color: oklch(91.2% 0.174 136.2);

Tailwind

colors: {
  custom: {
    50: '#c7fea9',
    500: '#abfc83',
    950: '#000000',
  },
}

SCSS

$custom: #abfc83;
$custom-light: #c7fea9;
$custom-dark: #000000;

JSON

{
  "hex": "#abfc83",
  "rgb": {
    "r": 171,
    "g": 252,
    "b": 131
  },
  "hsl": {
    "h": 100.165,
    "s": 95.276,
    "l": 75.098
  },
  "oklch": {
    "l": 0.91232,
    "c": 0.1738,
    "h": 136.2
  },
  "luminance": 0.79917
}

Semantic roles & 50–950 ramp

primary

#ABFC83

secondary

#AA49DB

accent

#00E69A

background

#FEFFFD

surface

#FAFFF7

border

#D3D7D0

text

#131810

muted

#838681

Preview Lab

Preview with #ABFC83

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

Preview Lab → · Contrast checker → · Palette generator →