#97F45D#97F45D
#97F45D is a very light, highly saturated yellow-green. Relative luminance 0.721; OKLCH L 87.9% C 0.205 H 135.4°. Best body text is #000000 at 15.41:1 contrast (WCAG AA passes).
Color values
| HEX | #97F45D |
|---|---|
| RGB | rgb(151, 244, 93) |
| HSL | hsl(97, 87%, 66%) |
| HSV | hsv(97, 62%, 96%) |
| CMYK | cmyk(38.1%, 0%, 61.9%, 4.3%) |
| CIE-LAB | lab(88.00, -52.65, 62.34) |
| CIE-LCH | lch(88.00, 81.60, 130.18°) |
| OKLab | oklab(87.88% -0.1462 0.1443) |
| OKLCH | oklch(87.88% 0.205 135.4) |
| XYZ | xyz(47.0879, 72.0686, 21.7834) |
| Luminance | 0.7207 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Grass Green
#9AF764
ΔE00 0.82
Spring Green (survey)
#A9F971
ΔE00 2.39
Light Lime
#AEFD6C
ΔE00 2.87
Kiwi
#9CEF43
ΔE00 2.96
Key Lime
#AEFF6E
ΔE00 3.07
Pale Lime Green
#B1FF65
ΔE00 3.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#97F45D #BA5DF4
analogous
#E2F45D #97F45D #5DF46E
triadic
#97F45D #5D97F4 #F45D97
tetradic
#97F45D #5DE2F4 #BA5DF4 #F46E5D
square
#97F45D #5DE2F4 #BA5DF4 #F46E5D
split-complementary
#97F45D #6E5DF4 #F45DE2
monochromatic
#56C90E #72F024 #97F45D #BCF896 #E1FCD0
Accessibility & contrast
On white
1.36
#97F45D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.41
#97F45D on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #97F45D
15.41:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##97F45D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##97F45D | 1.00 | 1.36 | 15.41 | 15.41 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.41 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.41 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FCE24B
Deuteranopia (green-blind)
#F0DA69
Tritanopia (blue-blind)
#95EBD4
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #97f45d; /* rgb */ color: rgb(151, 244, 93); /* oklch */ color: oklch(87.9% 0.205 135.4);
Tailwind
colors: {
custom: {
50: '#bbf891',
500: '#97f45d',
950: '#000000',
},
}SCSS
$custom: #97f45d; $custom-light: #bbf891; $custom-dark: #000000;
JSON
{
"hex": "#97f45d",
"rgb": {
"r": 151,
"g": 244,
"b": 93
},
"hsl": {
"h": 96.954,
"s": 87.283,
"l": 66.078
},
"oklch": {
"l": 0.87877,
"c": 0.20542,
"h": 135.4
},
"luminance": 0.72071
}Semantic roles & 50–950 ramp
primary
#97F45D
secondary
#8C30C6
accent
#02E48D
background
#FDFFFC
surface
#F9FFF4
border
#D2D7CE
text
#12170D
muted
#82857F