#ACF471#ACF471

#ACF471 is a very light, vivid yellow-green. Relative luminance 0.747; OKLCH L 89.2% C 0.179 H 132.9°. Best body text is #000000 at 15.93:1 contrast (WCAG AA passes).

Color values

HEX#ACF471
RGBrgb(172, 244, 113)
HSLhsl(93, 86%, 70%)
HSVhsv(93, 54%, 96%)
CMYKcmyk(29.5%, 0%, 53.7%, 4.3%)
CIE-LABlab(89.23, -43.76, 55.37)
CIE-LCHlch(89.23, 70.57, 128.32°)
OKLaboklab(89.22% -0.1215 0.131)
OKLCHoklch(89.22% 0.179 132.9)
XYZxyz(52.3437, 74.6625, 27.2730)
Luminance0.7466 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ACF471 #B971F4
analogous
#EEF471 #ACF471 #71F477
triadic
#ACF471 #71ACF4 #F471AC
tetradic
#ACF471 #71EEF4 #B971F4 #F47771
square
#ACF471 #71EEF4 #B971F4 #F47771
split-complementary
#ACF471 #7771F4 #F471EE
monochromatic
#6BDA11 #8BF038 #ACF471 #CDF8AA #EEFDE3

Accessibility & contrast

On white

1.32
#ACF471 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.93
#ACF471 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ACF471
15.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ACF471#FFFFFF#000000##000000
##ACF4711.001.3215.9315.93
#FFFFFF1.321.0021.0021.00
#00000015.9321.001.001.00
##00000015.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDE464
Deuteranopia (green-blind)
#F3DE7A
Tritanopia (blue-blind)
#ADEBD7
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #acf471;
/* rgb */ color: rgb(172, 244, 113);
/* oklch */ color: oklch(89.2% 0.179 132.9);
Tailwind
colors: {
  custom: {
    50: '#c8f89d',
    500: '#acf471',
    950: '#000000',
  },
}
SCSS
$custom: #acf471;
$custom-light: #c8f89d;
$custom-dark: #000000;
JSON
{
  "hex": "#acf471",
  "rgb": {
    "r": 172,
    "g": 244,
    "b": 113
  },
  "hsl": {
    "h": 92.977,
    "s": 85.621,
    "l": 70
  },
  "oklch": {
    "l": 0.89221,
    "c": 0.17869,
    "h": 132.9
  },
  "luminance": 0.74664
}

Semantic roles & 50–950 ramp

primary
#ACF471
secondary
#8C3BCE
accent
#03E27E
background
#FEFFFC
surface
#FAFFF5
border
#D3D7CF
text
#13170E
muted
#83857F

Preview Lab

Preview with #ACF471

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

Preview Lab → · Contrast checker → · Palette generator →

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