#5BCB49#5BCB49
#5BCB49 is a light, vivid green. Relative luminance 0.454; OKLCH L 75.0% C 0.198 H 141.0°. Best body text is #000000 at 10.08:1 contrast (WCAG AA passes).
Color values
| HEX | #5BCB49 |
|---|---|
| RGB | rgb(91, 203, 73) |
| HSL | hsl(112, 56%, 54%) |
| HSV | hsv(112, 64%, 80%) |
| CMYK | cmyk(55.2%, 0%, 64%, 20.4%) |
| CIE-LAB | lab(73.16, -56.17, 53.63) |
| CIE-LCH | lch(73.16, 77.66, 136.32°) |
| OKLab | oklab(74.99% -0.1536 0.1243) |
| OKLCH | oklch(74.99% 0.198 141) |
| XYZ | xyz(26.8717, 45.4148, 13.6519) |
| Luminance | 0.4542 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lime Green
#32CD32
ΔE00 2.89
Apple
#6ECB3C
ΔE00 2.89
Fresh Green
#69D84F
ΔE00 3.37
Leafy Green
#51B73B
ΔE00 5.28
Apple Green
#76CD26
ΔE00 5.32
Kelly Green
#4CBB17
ΔE00 5.37
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5BCB49 #B949CB
analogous
#9CCB49 #5BCB49 #49CB78
triadic
#5BCB49 #495BCB #CB495B
tetradic
#5BCB49 #499CCB #B949CB #CB7849
square
#5BCB49 #499CCB #B949CB #CB7849
split-complementary
#5BCB49 #7849CB #CB499C
monochromatic
#2E7722 #40A730 #5BCB49 #86D979 #B1E6A8
Accessibility & contrast
On white
2.08
#5BCB49 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.08
#5BCB49 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #5BCB49
10.08:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5BCB49 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5BCB49 | 1.00 | 2.08 | 10.08 | 10.08 |
| #FFFFFF | 2.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.08 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D0BA39
Deuteranopia (green-blind)
#C2B054
Tritanopia (blue-blind)
#4DC5B0
Achromatopsia (no color)
#B4B4B4
Design tokens & code
CSS
--color: #5bcb49; /* rgb */ color: rgb(91, 203, 73); /* oklch */ color: oklch(75.0% 0.198 141.0);
Tailwind
colors: {
custom: {
50: '#94dc81',
500: '#5bcb49',
950: '#000000',
},
}SCSS
$custom: #5bcb49; $custom-light: #94dc81; $custom-dark: #000000;
JSON
{
"hex": "#5bcb49",
"rgb": {
"r": 91,
"g": 203,
"b": 73
},
"hsl": {
"h": 111.692,
"s": 55.556,
"l": 54.118
},
"oklch": {
"l": 0.74991,
"c": 0.19753,
"h": 141
},
"luminance": 0.45417
}Semantic roles & 50–950 ramp
primary
#5BCB49
secondary
#CC9CD4
accent
#49DFCA
background
#F9FDF8
surface
#F2FBEF
border
#CCD4CA
text
#0E150B
muted
#7E837C