#52B450#52B450
#52B450 is a light, vivid green. Relative luminance 0.350; OKLCH L 68.8% C 0.166 H 143.2°. Best body text is #000000 at 8.00:1 contrast (WCAG AA passes).
Color values
| HEX | #52B450 |
|---|---|
| RGB | rgb(82, 180, 80) |
| HSL | hsl(119, 40%, 51%) |
| HSV | hsv(119, 56%, 71%) |
| CMYK | cmyk(54.4%, 0%, 55.6%, 29.4%) |
| CIE-LAB | lab(65.76, -48.96, 41.91) |
| CIE-LCH | lch(65.76, 64.45, 139.43°) |
| OKLab | oklab(68.83% -0.1332 0.0998) |
| OKLCH | oklch(68.83% 0.166 143.2) |
| XYZ | xyz(21.2478, 35.0138, 13.2265) |
| Luminance | 0.3502 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Pastel Green
#56AE57
ΔE00 2.36
Medium Green
#39AD48
ΔE00 2.90
Leafy Green
#51B73B
ΔE00 3.16
Boring Green
#63B365
ΔE00 3.60
Mid Green
#50A747
ΔE00 3.76
Fern (survey)
#63A950
ΔE00 3.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#52B450 #B250B4
analogous
#84B450 #52B450 #50B480
triadic
#52B450 #5052B4 #B45052
tetradic
#52B450 #5084B4 #B250B4 #B48050
square
#52B450 #5084B4 #B250B4 #B48050
split-complementary
#52B450 #8050B4 #B45084
monochromatic
#2A6029 #3D8B3C #52B450 #7CC67B #A7D9A6
Accessibility & contrast
On white
2.62
#52B450 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.00
#52B450 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #52B450
8.00:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##52B450 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##52B450 | 1.00 | 2.62 | 8.00 | 8.00 |
| #FFFFFF | 2.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.00 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B8A546
Deuteranopia (green-blind)
#AB9C57
Tritanopia (blue-blind)
#43AF9E
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #52b450; /* rgb */ color: rgb(82, 180, 80); /* oklch */ color: oklch(68.8% 0.166 143.2);
Tailwind
colors: {
custom: {
50: '#8bcb84',
500: '#52b450',
950: '#000000',
},
}SCSS
$custom: #52b450; $custom-light: #8bcb84; $custom-dark: #000000;
JSON
{
"hex": "#52b450",
"rgb": {
"r": 82,
"g": 180,
"b": 80
},
"hsl": {
"h": 118.8,
"s": 40,
"l": 50.98
},
"oklch": {
"l": 0.68833,
"c": 0.16638,
"h": 143.2
},
"luminance": 0.35016
}Semantic roles & 50–950 ramp
primary
#52B450
secondary
#C59AC6
accent
#58D0CD
background
#F9FCF8
surface
#F1F9EF
border
#CBD2CA
text
#0D130B
muted
#7E827C