#AAFA82#AAFA82

#AAFA82 is a very light, vivid green. Relative luminance 0.785; OKLCH L 90.7% C 0.172 H 136.1°. Best body text is #000000 at 16.71:1 contrast (WCAG AA passes).

Color values

HEX	#AAFA82
RGB	rgb(170, 250, 130)
HSL	hsl(100, 92%, 75%)
HSV	hsv(100, 48%, 98%)
CMYK	cmyk(32%, 0%, 48%, 2%)
CIE-LAB	lab(91.02, -45.16, 49.65)
CIE-LCH	lch(91.02, 67.12, 132.29°)
OKLab	oklab(90.71% -0.1243 0.1196)
OKLCH	oklch(90.71% 0.172 136.1)
XYZ	xyz(54.7910, 78.5268, 33.3851)
Luminance	0.7853 (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

#AAFA82 #D282FA

analogous

#E6FA82 #AAFA82 #82FA96

triadic

#AAFA82 #82AAFA #FA82AA

tetradic

#AAFA82 #82E6FA #D282FA #FA9682

square

#AAFA82 #82E6FA #D282FA #FA9682

split-complementary

#AAFA82 #9682FA #FA82E6

monochromatic

#5AF50C #82F847 #AAFA82 #D2FCBD #EBFEE2

Accessibility & contrast

On white

1.26

#AAFA82 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

16.71

#AAFA82 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AAFA82

16.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AAFA82	#FFFFFF	#000000	##000000
##AAFA82	1.00	1.26	16.71	16.71
#FFFFFF	1.26	1.00	21.00	21.00
#000000	16.71	21.00	1.00	1.00
##000000	16.71	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEA78

Deuteranopia (green-blind)

#F6E38A

Tritanopia (blue-blind)

#A8F2DE

Achromatopsia (no color)

#E5E5E5

Design tokens & code

CSS

--color: #aafa82;
/* rgb */ color: rgb(170, 250, 130);
/* oklch */ color: oklch(90.7% 0.172 136.1);

Tailwind

colors: {
  custom: {
    50: '#c6fca8',
    500: '#aafa82',
    950: '#000000',
  },
}

SCSS

$custom: #aafa82;
$custom-light: #c6fca8;
$custom-dark: #000000;

JSON

{
  "hex": "#aafa82",
  "rgb": {
    "r": 170,
    "g": 250,
    "b": 130
  },
  "hsl": {
    "h": 100,
    "s": 92.308,
    "l": 74.51
  },
  "oklch": {
    "l": 0.90705,
    "c": 0.17247,
    "h": 136.1
  },
  "luminance": 0.78529
}

Semantic roles & 50–950 ramp

primary

#AAFA82

secondary

#A848D8

accent

#00E699

background

#FEFFFD

surface

#FAFFF7

border

#D3D7D0

text

#131710

muted

#838581

Preview Lab

Preview with #AAFA82

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

Preview Lab → · Contrast checker → · Palette generator →