#AAFC62#AAFC62

#AAFC62 is a very light, highly saturated yellow-green. Relative luminance 0.790; OKLCH L 90.8% C 0.202 H 132.8°. Best body text is #000000 at 16.81:1 contrast (WCAG AA passes).

Color values

HEX#AAFC62
RGBrgb(170, 252, 98)
HSLhsl(92, 96%, 69%)
HSVhsv(92, 61%, 99%)
CMYKcmyk(32.5%, 0%, 61.1%, 1.2%)
CIE-LABlab(91.26, -49.24, 64.13)
CIE-LCHlch(91.26, 80.85, 127.52°)
OKLaboklab(90.79% -0.1376 0.1484)
OKLCHoklch(90.79% 0.202 132.8)
XYZxyz(53.5917, 79.0467, 23.9868)
Luminance0.7905 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AAFC62 #B462FC
analogous
#F7FC62 #AAFC62 #62FC67
triadic
#AAFC62 #62AAFC #FC62AA
tetradic
#AAFC62 #62F7FC #B462FC #FC6762
square
#AAFC62 #62F7FC #B462FC #FC6762
split-complementary
#AAFC62 #6762FC #FC62F7
monochromatic
#6BDF04 #89FB26 #AAFC62 #CBFD9E #EBFEDA

Accessibility & contrast

On white

1.25
#AAFC62 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.81
#AAFC62 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AAFC62
16.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AAFC62#FFFFFF#000000##000000
##AAFC621.001.2516.8116.81
#FFFFFF1.251.0021.0021.00
#00000016.8121.001.001.00
##00000016.8121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA50
Deuteranopia (green-blind)
#FAE46E
Tritanopia (blue-blind)
#ABF3DB
Achromatopsia (no color)
#E6E6E6

Design tokens & code

CSS
--color: #aafc62;
/* rgb */ color: rgb(170, 252, 98);
/* oklch */ color: oklch(90.8% 0.202 132.8);
Tailwind
colors: {
  custom: {
    50: '#c8fe94',
    500: '#aafc62',
    950: '#000000',
  },
}
SCSS
$custom: #aafc62;
$custom-light: #c8fe94;
$custom-dark: #000000;
JSON
{
  "hex": "#aafc62",
  "rgb": {
    "r": 170,
    "g": 252,
    "b": 98
  },
  "hsl": {
    "h": 91.948,
    "s": 96.25,
    "l": 68.627
  },
  "oklch": {
    "l": 0.9079,
    "c": 0.20239,
    "h": 132.8
  },
  "luminance": 0.79049
}

Semantic roles & 50–950 ramp

primary
#AAFC62
secondary
#872CD6
accent
#00E67A
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14180E
muted
#83867F

Preview Lab

Preview with #AAFC62

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

Preview Lab → · Contrast checker → · Palette generator →

#AAFC62 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva