#53BC85#53BC85
#53BC85 is a light, vivid green. Relative luminance 0.395; OKLCH L 71.9% C 0.127 H 157.9°. Best body text is #000000 at 8.90:1 contrast (WCAG AA passes).
Color values
| HEX | #53BC85 |
|---|---|
| RGB | rgb(83, 188, 133) |
| HSL | hsl(149, 44%, 53%) |
| HSV | hsv(149, 56%, 74%) |
| CMYK | cmyk(55.9%, 0%, 29.3%, 26.3%) |
| CIE-LAB | lab(69.11, -43.19, 18.88) |
| CIE-LCH | lch(69.11, 47.13, 156.39°) |
| OKLab | oklab(71.86% -0.118 0.0479) |
| OKLCH | oklch(71.86% 0.127 157.9) |
| XYZ | xyz(25.7820, 39.4965, 28.4507) |
| Luminance | 0.3950 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Greenish Teal
#32BF84
ΔE00 2.48
Greenblue
#23C48B
ΔE00 3.67
Dark Seafoam
#1FB57A
ΔE00 3.85
Mediumseagreen
#3CB371
ΔE00 3.96
Dark Seafoam Green
#3EAF76
ΔE00 4.07
Bluey Green
#2BB179
ΔE00 4.19
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#53BC85 #BC538A
analogous
#55BC53 #53BC85 #53BCB9
triadic
#53BC85 #8553BC #BC8553
tetradic
#53BC85 #5355BC #BC538A #BCB953
square
#53BC85 #5355BC #BC538A #BCB953
split-complementary
#53BC85 #B953BC #BC5355
monochromatic
#2A6B49 #3B9767 #53BC85 #7FCDA4 #ABDEC3
Accessibility & contrast
On white
2.36
#53BC85 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.90
#53BC85 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #53BC85
8.90:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##53BC85 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##53BC85 | 1.00 | 2.36 | 8.90 | 8.90 |
| #FFFFFF | 2.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.90 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.90 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#BBAF82
Deuteranopia (green-blind)
#ACA488
Tritanopia (blue-blind)
#2FBBAD
Achromatopsia (no color)
#A9A9A9
Design tokens & code
CSS
--color: #53bc85; /* rgb */ color: rgb(83, 188, 133); /* oklch */ color: oklch(71.9% 0.127 157.9);
Tailwind
colors: {
custom: {
50: '#8cd1a8',
500: '#53bc85',
950: '#000000',
},
}SCSS
$custom: #53bc85; $custom-light: #8cd1a8; $custom-dark: #000000;
JSON
{
"hex": "#53bc85",
"rgb": {
"r": 83,
"g": 188,
"b": 133
},
"hsl": {
"h": 148.571,
"s": 43.933,
"l": 53.137
},
"oklch": {
"l": 0.7186,
"c": 0.12741,
"h": 157.9
},
"luminance": 0.39499
}Semantic roles & 50–950 ramp
primary
#53BC85
secondary
#CC9FB6
accent
#5497D4
background
#F9FCFA
surface
#F1F9F4
border
#CBD2CE
text
#0D140F
muted
#7E827F