#A4DC5D#A4DC5D
#A4DC5D is a very light, vivid yellow-green. Relative luminance 0.599; OKLCH L 83.0% C 0.168 H 129.4°. Best body text is #000000 at 12.97:1 contrast (WCAG AA passes).
Color values
| HEX | #A4DC5D |
|---|---|
| RGB | rgb(164, 220, 93) |
| HSL | hsl(86, 64%, 61%) |
| HSV | hsv(86, 58%, 86%) |
| CMYK | cmyk(25.5%, 0%, 57.7%, 13.7%) |
| CIE-LAB | lab(81.77, -37.93, 55.54) |
| CIE-LCH | lch(81.77, 67.26, 124.33°) |
| OKLab | oklab(82.98% -0.1065 0.1296) |
| OKLCH | oklch(82.98% 0.168 129.4) |
| XYZ | xyz(42.8785, 59.8682, 19.6504) |
| Luminance | 0.5987 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Kiwi Green
#8EE53F
ΔE00 4.52
Yellowgreen
#9ACD32
ΔE00 5.01
Kiwi
#9CEF43
ΔE00 5.54
Pale Olive Green
#B1D27B
ΔE00 5.88
Spring Green (survey)
#A9F971
ΔE00 6.51
Light Grass Green
#9AF764
ΔE00 6.62
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A4DC5D #955DDC
analogous
#DCD55D #A4DC5D #65DC5D
triadic
#A4DC5D #5DA4DC #DC5DA4
tetradic
#A4DC5D #5DDCD5 #955DDC #DC5D65
square
#A4DC5D #5DDCD5 #955DDC #DC5D65
split-complementary
#A4DC5D #5D65DC #D55DDC
monochromatic
#679D22 #87CF2D #A4DC5D #C0E78F #DDF2C2
Accessibility & contrast
On white
1.62
#A4DC5D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.97
#A4DC5D on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #A4DC5D
12.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A4DC5D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A4DC5D | 1.00 | 1.62 | 12.97 | 12.97 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.97 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E6CE50
Deuteranopia (green-blind)
#DECA66
Tritanopia (blue-blind)
#A8D3C0
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #a4dc5d; /* rgb */ color: rgb(164, 220, 93); /* oklch */ color: oklch(83.0% 0.168 129.4);
Tailwind
colors: {
custom: {
50: '#c2e78f',
500: '#a4dc5d',
950: '#000000',
},
}SCSS
$custom: #a4dc5d; $custom-light: #c2e78f; $custom-dark: #000000;
JSON
{
"hex": "#a4dc5d",
"rgb": {
"r": 164,
"g": 220,
"b": 93
},
"hsl": {
"h": 86.457,
"s": 64.467,
"l": 61.373
},
"oklch": {
"l": 0.82983,
"c": 0.16781,
"h": 129.4
},
"luminance": 0.59869
}Semantic roles & 50–950 ramp
primary
#A4DC5D
secondary
#693DA1
accent
#19CC68
background
#FDFEFC
surface
#F9FCF4
border
#D2D5CE
text
#13160D
muted
#82847F