#AEFF86#AEFF86

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

Color values

HEX	#AEFF86
RGB	rgb(174, 255, 134)
HSL	hsl(100, 100%, 76%)
HSV	hsv(100, 47%, 100%)
CMYK	cmyk(31.8%, 0%, 47.5%, 0%)
CIE-LAB	lab(92.68, -45.53, 49.86)
CIE-LCH	lch(92.68, 67.52, 132.40°)
OKLab	oklab(92.12% -0.1252 0.1203)
OKLCH	oklch(92.12% 0.174 136.2)
XYZ	xyz(57.5171, 82.2376, 35.3926)
Luminance	0.8224 (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

#AEFF86 #D786FF

analogous

#EBFF86 #AEFF86 #86FF9B

triadic

#AEFF86 #86AEFF #FF86AE

tetradic

#AEFF86 #86EBFF #D786FF #FF9B86

square

#AEFF86 #86EBFF #D786FF #FF9B86

split-complementary

#AEFF86 #9B86FF #FF86EB

monochromatic

#5CFF0C #85FF49 #AEFF86 #D7FFC3 #EBFFE0

Accessibility & contrast

On white

1.20

#AEFF86 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.45

#AEFF86 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AEFF86

17.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AEFF86	#FFFFFF	#000000	##000000
##AEFF86	1.00	1.20	17.45	17.45
#FFFFFF	1.20	1.00	21.00	21.00
#000000	17.45	21.00	1.00	1.00
##000000	17.45	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEE7C

Deuteranopia (green-blind)

#FBE78E

Tritanopia (blue-blind)

#ACF7E3

Achromatopsia (no color)

#EAEAEA

Design tokens & code

CSS

--color: #aeff86;
/* rgb */ color: rgb(174, 255, 134);
/* oklch */ color: oklch(92.1% 0.174 136.2);

Tailwind

colors: {
  custom: {
    50: '#c9ffab',
    500: '#aeff86',
    950: '#000000',
  },
}

SCSS

$custom: #aeff86;
$custom-light: #c9ffab;
$custom-dark: #000000;

JSON

{
  "hex": "#aeff86",
  "rgb": {
    "r": 174,
    "g": 255,
    "b": 134
  },
  "hsl": {
    "h": 100.165,
    "s": 100,
    "l": 76.275
  },
  "oklch": {
    "l": 0.92123,
    "c": 0.17362,
    "h": 136.2
  },
  "luminance": 0.8224
}

Semantic roles & 50–950 ramp

primary

#AEFF86

secondary

#AE4ADF

accent

#00E69A

background

#FEFFFD

surface

#FBFFF7

border

#D4D7D0

text

#131810

muted

#838681

Preview Lab

Preview with #AEFF86

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

Preview Lab → · Contrast checker → · Palette generator →