#53B225#53B225
#53B225 is a light, vivid green. Relative luminance 0.338; OKLCH L 68.0% C 0.193 H 137.9°. Best body text is #000000 at 7.76:1 contrast (WCAG AA passes).
Color values
| HEX | #53B225 |
|---|---|
| RGB | rgb(83, 178, 37) |
| HSL | hsl(100, 66%, 42%) |
| HSV | hsv(100, 79%, 70%) |
| CMYK | cmyk(53.4%, 0%, 79.2%, 30.2%) |
| CIE-LAB | lab(64.81, -51.83, 58.34) |
| CIE-LCH | lch(64.81, 78.03, 131.62°) |
| OKLab | oklab(67.95% -0.1435 0.1296) |
| OKLCH | oklch(67.95% 0.193 137.9) |
| XYZ | xyz(19.8209, 33.8118, 7.2318) |
| Luminance | 0.3381 (WCAG relative) |
| Temperature | warm |
| Family | green |
Closest named colors
Grass
#5CAC2D
ΔE00 2.07
Leafy Green
#51B73B
ΔE00 2.54
Kermit Green
#5CB200
ΔE00 2.55
Kelly Green
#4CBB17
ΔE00 2.72
Frog Green
#58BC08
ΔE00 3.45
Leaf Green
#5CA904
ΔE00 3.53
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#53B225 #8425B2
analogous
#99B225 #53B225 #25B23E
triadic
#53B225 #2553B2 #B22553
tetradic
#53B225 #2599B2 #8425B2 #B23E25
square
#53B225 #2599B2 #8425B2 #B23E25
split-complementary
#53B225 #3E25B2 #B22599
monochromatic
#244D10 #3B7F1A #53B225 #6FD73D #95E170
Accessibility & contrast
On white
2.71
#53B225 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.76
#53B225 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #53B225
7.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##53B225 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##53B225 | 1.00 | 2.71 | 7.76 | 7.76 |
| #FFFFFF | 2.71 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8A200
Deuteranopia (green-blind)
#AC9A35
Tritanopia (blue-blind)
#4BAC98
Achromatopsia (no color)
#9D9D9D
Design tokens & code
CSS
--color: #53b225; /* rgb */ color: rgb(83, 178, 37); /* oklch */ color: oklch(68.0% 0.193 137.9);
Tailwind
colors: {
custom: {
50: '#8dca6b',
500: '#53b225',
950: '#000000',
},
}SCSS
$custom: #53b225; $custom-light: #8dca6b; $custom-dark: #000000;
JSON
{
"hex": "#53b225",
"rgb": {
"r": 83,
"g": 178,
"b": 37
},
"hsl": {
"h": 100.426,
"s": 65.581,
"l": 42.157
},
"oklch": {
"l": 0.67951,
"c": 0.19333,
"h": 137.9
},
"luminance": 0.33813
}Semantic roles & 50–950 ramp
primary
#53B225
secondary
#AA6BC8
accent
#3FE9B1
background
#F9FCF6
surface
#F1F8EC
border
#CBD1C7
text
#0D1307
muted
#7E827A