#A3E984#A3E984
#A3E984 is a very light, vivid green. Relative luminance 0.677; OKLCH L 86.4% C 0.150 H 136.7°. Best body text is #000000 at 14.55:1 contrast (WCAG AA passes).
Color values
| HEX | #A3E984 |
|---|---|
| RGB | rgb(163, 233, 132) |
| HSL | hsl(102, 70%, 72%) |
| HSV | hsv(102, 43%, 91%) |
| CMYK | cmyk(30%, 0%, 43.3%, 8.6%) |
| CIE-LAB | lab(85.87, -39.80, 42.19) |
| CIE-LCH | lch(85.87, 58.00, 133.33°) |
| OKLab | oklab(86.44% -0.1091 0.1029) |
| OKLCH | oklch(86.44% 0.15 136.7) |
| XYZ | xyz(48.4067, 67.7285, 32.3477) |
| Luminance | 0.6773 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Lightgreen
#90EE90
ΔE00 3.81
Pale Light Green
#B1FC99
ΔE00 4.15
Light Green
#96F97B
ΔE00 4.61
Tea Green
#BDF8A3
ΔE00 4.76
Pastel Green
#B0FF9D
ΔE00 4.83
Pistachio (survey)
#C0FA8B
ΔE00 4.91
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A3E984 #CA84E9
analogous
#D6E984 #A3E984 #84E998
triadic
#A3E984 #84A3E9 #E984A3
tetradic
#A3E984 #84D6E9 #CA84E9 #E99884
square
#A3E984 #84D6E9 #CA84E9 #E99884
split-complementary
#A3E984 #9884E9 #E984D6
monochromatic
#59CE25 #7CE050 #A3E984 #CAF2B8 #ECFAE5
Accessibility & contrast
On white
1.44
#A3E984 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.55
#A3E984 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #A3E984
14.55:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A3E984 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A3E984 | 1.00 | 1.44 | 14.55 | 14.55 |
| #FFFFFF | 1.44 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.55 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EFDB7C
Deuteranopia (green-blind)
#E5D48A
Tritanopia (blue-blind)
#A1E2D1
Achromatopsia (no color)
#D7D7D7
Design tokens & code
CSS
--color: #a3e984; /* rgb */ color: rgb(163, 233, 132); /* oklch */ color: oklch(86.4% 0.150 136.7);
Tailwind
colors: {
custom: {
50: '#c1f0a9',
500: '#a3e984',
950: '#000000',
},
}SCSS
$custom: #a3e984; $custom-light: #c1f0a9; $custom-dark: #000000;
JSON
{
"hex": "#a3e984",
"rgb": {
"r": 163,
"g": 233,
"b": 132
},
"hsl": {
"h": 101.584,
"s": 69.655,
"l": 71.569
},
"oklch": {
"l": 0.86442,
"c": 0.15003,
"h": 136.7
},
"luminance": 0.6773
}Semantic roles & 50–950 ramp
primary
#A3E984
secondary
#9F4FC2
accent
#14D297
background
#FDFFFD
surface
#F9FEF7
border
#D2D6D0
text
#121610
muted
#828581