#ACF07E#ACF07E

#ACF07E is a very light, vivid yellow-green. Relative luminance 0.726; OKLCH L 88.5% C 0.161 H 134.0°. Best body text is #000000 at 15.52:1 contrast (WCAG AA passes).

Color values

HEX#ACF07E
RGBrgb(172, 240, 126)
HSLhsl(96, 79%, 72%)
HSVhsv(96, 48%, 94%)
CMYKcmyk(28.3%, 0%, 47.5%, 5.9%)
CIE-LABlab(88.25, -40.60, 48.16)
CIE-LCHlch(88.25, 62.99, 130.13°)
OKLaboklab(88.48% -0.112 0.116)
OKLCHoklch(88.48% 0.161 134)
XYZxyz(51.9382, 72.5955, 31.0105)
Luminance0.7260 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ACF07E #C27EF0
analogous
#E5F07E #ACF07E #7EF089
triadic
#ACF07E #7EACF0 #F07EAC
tetradic
#ACF07E #7EE5F0 #C27EF0 #F0897E
square
#ACF07E #7EE5F0 #C27EF0 #F0897E
split-complementary
#ACF07E #897EF0 #F07EE5
monochromatic
#67DA19 #89EA47 #ACF07E #CFF6B5 #EDFCE4

Accessibility & contrast

On white

1.35
#ACF07E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.52
#ACF07E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ACF07E
15.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ACF07E#FFFFFF#000000##000000
##ACF07E1.001.3515.5215.52
#FFFFFF1.351.0021.0021.00
#00000015.5221.001.001.00
##00000015.5221.001.001.00

Color blindness preview

Protanopia (red-blind)
#F8E174
Deuteranopia (green-blind)
#EEDB85
Tritanopia (blue-blind)
#ACE8D5
Achromatopsia (no color)
#DDDDDD

Design tokens & code

CSS
--color: #acf07e;
/* rgb */ color: rgb(172, 240, 126);
/* oklch */ color: oklch(88.5% 0.161 134.0);
Tailwind
colors: {
  custom: {
    50: '#c7f5a5',
    500: '#acf07e',
    950: '#000000',
  },
}
SCSS
$custom: #acf07e;
$custom-light: #c7f5a5;
$custom-dark: #000000;
JSON
{
  "hex": "#acf07e",
  "rgb": {
    "r": 172,
    "g": 240,
    "b": 126
  },
  "hsl": {
    "h": 95.789,
    "s": 79.167,
    "l": 71.765
  },
  "oklch": {
    "l": 0.88475,
    "c": 0.16125,
    "h": 134
  },
  "luminance": 0.72597
}

Semantic roles & 50–950 ramp

primary
#ACF07E
secondary
#9648CA
accent
#0ADB87
background
#FEFFFC
surface
#FAFEF6
border
#D3D6D0
text
#13170F
muted
#838580

Preview Lab

Preview with #ACF07E

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

Preview Lab → · Contrast checker → · Palette generator →

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