#A4DF51#A4DF51

#A4DF51 is a very light, vivid yellow-green. Relative luminance 0.613; OKLCH L 83.6% C 0.181 H 129.0°. Best body text is #000000 at 13.25:1 contrast (WCAG AA passes).

Color values

HEX#A4DF51
RGBrgb(164, 223, 81)
HSLhsl(85, 69%, 60%)
HSVhsv(85, 64%, 87%)
CMYKcmyk(26.5%, 0%, 63.7%, 12.5%)
CIE-LABlab(82.52, -40.27, 61.47)
CIE-LCHlch(82.52, 73.49, 123.23°)
OKLaboklab(83.56% -0.114 0.1409)
OKLCHoklch(83.56% 0.181 129)
XYZxyz(43.1825, 61.2609, 17.3324)
Luminance0.6126 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A4DF51 #8C51DF
analogous
#DFD351 #A4DF51 #5DDF51
triadic
#A4DF51 #51A4DF #DF51A4
tetradic
#A4DF51 #51DFD3 #8C51DF #DF515D
square
#A4DF51 #51DFD3 #8C51DF #DF515D
split-complementary
#A4DF51 #515DDF #D351DF
monochromatic
#65991C #88CD26 #A4DF51 #BFE985 #DAF2B8

Accessibility & contrast

On white

1.58
#A4DF51 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.25
#A4DF51 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #A4DF51
13.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A4DF51#FFFFFF#000000##000000
##A4DF511.001.5813.2513.25
#FFFFFF1.581.0021.0021.00
#00000013.2521.001.001.00
##00000013.2521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9D03F
Deuteranopia (green-blind)
#E1CC5C
Tritanopia (blue-blind)
#A9D6C2
Achromatopsia (no color)
#CDCDCD

Design tokens & code

CSS
--color: #a4df51;
/* rgb */ color: rgb(164, 223, 81);
/* oklch */ color: oklch(83.6% 0.181 129.0);
Tailwind
colors: {
  custom: {
    50: '#c3e988',
    500: '#a4df51',
    950: '#000000',
  },
}
SCSS
$custom: #a4df51;
$custom-light: #c3e988;
$custom-dark: #000000;
JSON
{
  "hex": "#a4df51",
  "rgb": {
    "r": 164,
    "g": 223,
    "b": 81
  },
  "hsl": {
    "h": 84.93,
    "s": 68.932,
    "l": 59.608
  },
  "oklch": {
    "l": 0.83559,
    "c": 0.18124,
    "h": 129
  },
  "luminance": 0.61262
}

Semantic roles & 50–950 ramp

primary
#A4DF51
secondary
#61379D
accent
#3CEC85
background
#FDFEFC
surface
#F9FDF4
border
#D2D5CE
text
#13160C
muted
#82847F

Preview Lab

Preview with #A4DF51

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

Preview Lab → · Contrast checker → · Palette generator →

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