#A5F459#A5F459
#A5F459 is a very light, highly saturated yellow-green. Relative luminance 0.734; OKLCH L 88.6% C 0.201 H 132.3°. Best body text is #000000 at 15.68:1 contrast (WCAG AA passes).
Color values
| HEX | #A5F459 |
|---|---|
| RGB | rgb(165, 244, 89) |
| HSL | hsl(91, 88%, 65%) |
| HSV | hsv(91, 64%, 96%) |
| CMYK | cmyk(32.4%, 0%, 63.5%, 4.3%) |
| CIE-LAB | lab(88.65, -48.33, 64.87) |
| CIE-LCH | lch(88.65, 80.89, 126.69°) |
| OKLab | oklab(88.58% -0.1355 0.149) |
| OKLCH | oklch(88.58% 0.201 132.3) |
| XYZ | xyz(49.6702, 73.4201, 21.0037) |
| Luminance | 0.7342 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Kiwi
#9CEF43
ΔE00 1.94
Light Lime
#AEFD6C
ΔE00 2.30
Light Grass Green
#9AF764
ΔE00 2.30
Pale Lime Green
#B1FF65
ΔE00 2.40
Spring Green (survey)
#A9F971
ΔE00 2.54
Key Lime
#AEFF6E
ΔE00 2.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#A5F459 #A859F4
analogous
#F2F459 #A5F459 #59F45B
triadic
#A5F459 #59A5F4 #F459A5
tetradic
#A5F459 #59F2F4 #A859F4 #F45B59
square
#A5F459 #59F2F4 #A859F4 #F45B59
split-complementary
#A5F459 #5B59F4 #F459F2
monochromatic
#68C60D #86F020 #A5F459 #C4F892 #E3FCCC
Accessibility & contrast
On white
1.34
#A5F459 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.68
#A5F459 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #A5F459
15.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##A5F459 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##A5F459 | 1.00 | 1.34 | 15.68 | 15.68 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FEE245
Deuteranopia (green-blind)
#F3DC65
Tritanopia (blue-blind)
#A7EBD4
Achromatopsia (no color)
#DFDFDF
Design tokens & code
CSS
--color: #a5f459; /* rgb */ color: rgb(165, 244, 89); /* oklch */ color: oklch(88.6% 0.201 132.3);
Tailwind
colors: {
custom: {
50: '#c4f88e',
500: '#a5f459',
950: '#000000',
},
}SCSS
$custom: #a5f459; $custom-light: #c4f88e; $custom-dark: #000000;
JSON
{
"hex": "#a5f459",
"rgb": {
"r": 165,
"g": 244,
"b": 89
},
"hsl": {
"h": 90.581,
"s": 87.571,
"l": 65.294
},
"oklch": {
"l": 0.88576,
"c": 0.20143,
"h": 132.3
},
"luminance": 0.73422
}Semantic roles & 50–950 ramp
primary
#A5F459
secondary
#7A2FC3
accent
#01E475
background
#FEFFFC
surface
#FAFFF4
border
#D3D7CE
text
#13170D
muted
#83857F