#5AE499#5AE499
#5AE499 is a very light, vivid green. Relative luminance 0.600; OKLCH L 82.4% C 0.161 H 156.2°. Best body text is #000000 at 12.99:1 contrast (WCAG AA passes).
Color values
| HEX | #5AE499 |
|---|---|
| RGB | rgb(90, 228, 153) |
| HSL | hsl(147, 72%, 62%) |
| HSV | hsv(147, 61%, 89%) |
| CMYK | cmyk(60.5%, 0%, 32.9%, 10.6%) |
| CIE-LAB | lab(81.81, -54.22, 25.75) |
| CIE-LCH | lch(81.81, 60.02, 154.60°) |
| OKLab | oklab(82.45% -0.1474 0.0649) |
| OKLCH | oklch(82.45% 0.161 156.2) |
| XYZ | xyz(37.7064, 59.9566, 39.7165) |
| Luminance | 0.5996 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Aqua Green
#12E193
ΔE00 2.97
Weird Green
#3AE57F
ΔE00 4.41
Light Greenish Blue
#63F7B4
ΔE00 4.78
Seafoam Green
#7AF9AB
ΔE00 4.99
Seafoam (survey)
#80F9AD
ΔE00 5.22
Light Green Blue
#56FCA2
ΔE00 5.34
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5AE499 #E45AA5
analogous
#60E45A #5AE499 #5AE4DE
triadic
#5AE499 #995AE4 #E4995A
tetradic
#5AE499 #5A60E4 #E45AA5 #E4DE5A
square
#5AE499 #5A60E4 #E45AA5 #E4DE5A
split-complementary
#5AE499 #DE5AE4 #E45A60
monochromatic
#1CA85C #25DB78 #5AE499 #8FEDBA #C3F5DA
Accessibility & contrast
On white
1.62
#5AE499 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.99
#5AE499 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5AE499
12.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5AE499 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5AE499 | 1.00 | 1.62 | 12.99 | 12.99 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E3D394
Deuteranopia (green-blind)
#D0C69E
Tritanopia (blue-blind)
#1CE2D0
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #5ae499; /* rgb */ color: rgb(90, 228, 153); /* oklch */ color: oklch(82.4% 0.161 156.2);
Tailwind
colors: {
custom: {
50: '#95edb7',
500: '#5ae499',
950: '#000000',
},
}SCSS
$custom: #5ae499; $custom-light: #95edb7; $custom-dark: #000000;
JSON
{
"hex": "#5ae499",
"rgb": {
"r": 90,
"g": 228,
"b": 153
},
"hsl": {
"h": 147.391,
"s": 71.875,
"l": 62.353
},
"oklch": {
"l": 0.82445,
"c": 0.16106,
"h": 156.2
},
"luminance": 0.5996
}Semantic roles & 50–950 ramp
primary
#5AE499
secondary
#AA3876
accent
#127BD4
background
#FCFFFD
surface
#F5FEF8
border
#CFD6D1
text
#0E1611
muted
#7F8581