#AAFE83#AAFE83

#AAFE83 is a very light, vivid green. Relative luminance 0.811; OKLCH L 91.6% C 0.177 H 136.6°. Best body text is #000000 at 17.21:1 contrast (WCAG AA passes).

Color values

HEX	#AAFE83
RGB	rgb(170, 254, 131)
HSL	hsl(101, 98%, 75%)
HSV	hsv(101, 48%, 100%)
CMYK	cmyk(33.1%, 0%, 48.4%, 0.4%)
CIE-LAB	lab(92.16, -46.76, 50.59)
CIE-LCH	lch(92.16, 68.89, 132.75°)
OKLab	oklab(91.64% -0.1286 0.1217)
OKLCH	oklch(91.64% 0.177 136.6)
XYZ	xyz(56.1146, 81.0660, 34.1590)
Luminance	0.8107 (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

#AAFE83 #D783FE

analogous

#E7FE83 #AAFE83 #83FE99

triadic

#AAFE83 #83AAFE #FE83AA

tetradic

#AAFE83 #83E7FE #D783FE #FE9983

square

#AAFE83 #83E7FE #D783FE #FE9983

split-complementary

#AAFE83 #9983FE #FE83E7

monochromatic

#57FD0A #80FE46 #AAFE83 #D4FEC0 #EAFFE1

Accessibility & contrast

On white

1.22

#AAFE83 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.21

#AAFE83 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AAFE83

17.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AAFE83	#FFFFFF	#000000	##000000
##AAFE83	1.00	1.22	17.21	17.21
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.21	21.00	1.00	1.00
##000000	17.21	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFED79

Deuteranopia (green-blind)

#F9E68B

Tritanopia (blue-blind)

#A7F6E1

Achromatopsia (no color)

#E8E8E8

Design tokens & code

CSS

--color: #aafe83;
/* rgb */ color: rgb(170, 254, 131);
/* oklch */ color: oklch(91.6% 0.177 136.6);

Tailwind

colors: {
  custom: {
    50: '#c7ffa9',
    500: '#aafe83',
    950: '#000000',
  },
}

SCSS

$custom: #aafe83;
$custom-light: #c7ffa9;
$custom-dark: #000000;

JSON

{
  "hex": "#aafe83",
  "rgb": {
    "r": 170,
    "g": 254,
    "b": 131
  },
  "hsl": {
    "h": 100.976,
    "s": 98.4,
    "l": 75.49
  },
  "oklch": {
    "l": 0.91636,
    "c": 0.17708,
    "h": 136.6
  },
  "luminance": 0.81068
}

Semantic roles & 50–950 ramp

primary

#AAFE83

secondary

#AE48DD

accent

#00E69D

background

#FEFFFD

surface

#FAFFF7

border

#D3D7D0

text

#131810

muted

#838681

Preview Lab

Preview with #AAFE83

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

Preview Lab → · Contrast checker → · Palette generator →