#AEFC63#AEFC63

#AEFC63 is a very light, vivid yellow-green. Relative luminance 0.795; OKLCH L 91.0% C 0.200 H 132.1°. Best body text is #000000 at 16.90:1 contrast (WCAG AA passes).

Color values

HEX#AEFC63
RGBrgb(174, 252, 99)
HSLhsl(91, 96%, 69%)
HSVhsv(91, 61%, 99%)
CMYKcmyk(31%, 0%, 60.7%, 1.2%)
CIE-LABlab(91.47, -47.79, 64.01)
CIE-LCHlch(91.47, 79.89, 126.74°)
OKLaboklab(91.02% -0.1338 0.1482)
OKLCHoklch(91.02% 0.2 132.1)
XYZxyz(54.5174, 79.5185, 24.2781)
Luminance0.7952 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AEFC63 #B163FC
analogous
#FBFC63 #AEFC63 #63FC65
triadic
#AEFC63 #63AEFC #FC63AE
tetradic
#AEFC63 #63FBFC #B163FC #FC6563
square
#AEFC63 #63FBFC #B163FC #FC6563
split-complementary
#AEFC63 #6563FC #FC63FB
monochromatic
#70E004 #8FFB27 #AEFC63 #CDFD9F #ECFEDB

Accessibility & contrast

On white

1.24
#AEFC63 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.90
#AEFC63 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #AEFC63
16.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AEFC63#FFFFFF#000000##000000
##AEFC631.001.2416.9016.90
#FFFFFF1.241.0021.0021.00
#00000016.9021.001.001.00
##00000016.9021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA51
Deuteranopia (green-blind)
#FBE46F
Tritanopia (blue-blind)
#B0F2DC
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #aefc63;
/* rgb */ color: rgb(174, 252, 99);
/* oklch */ color: oklch(91.0% 0.200 132.1);
Tailwind
colors: {
  custom: {
    50: '#cafe95',
    500: '#aefc63',
    950: '#000000',
  },
}
SCSS
$custom: #aefc63;
$custom-light: #cafe95;
$custom-dark: #000000;
JSON
{
  "hex": "#aefc63",
  "rgb": {
    "r": 174,
    "g": 252,
    "b": 99
  },
  "hsl": {
    "h": 90.588,
    "s": 96.226,
    "l": 68.824
  },
  "oklch": {
    "l": 0.9102,
    "c": 0.19967,
    "h": 132.1
  },
  "luminance": 0.7952
}

Semantic roles & 50–950 ramp

primary
#AEFC63
secondary
#832DD6
accent
#00E675
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14180E
muted
#83867F

Preview Lab

Preview with #AEFC63

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

Preview Lab → · Contrast checker → · Palette generator →

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