Preview
#5bcc0f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#5bcc0f
RGB
rgb(91, 204, 15)
RGBA
rgba(91, 204, 15, 1)
HSL
hsl(96, 86%, 43%)
HSV
hsv(96, 93%, 80%)
LAB
lab(73.18% -59.86 70.51)
LCH
lch(73.18% 92.49 130.33)
OKLAB
oklab(0.7491 -0.1663 0.1525)
OKLCH
oklch(0.7491 0.2256 137.48)
XYZ
xyz(25.99, 45.44, 7.85)
CMYK
cmyk(55%, 0%, 93%, 20%)
CSS
color: #5bcc0f;
CSS variable
--color-5bcc0f: #5bcc0f;
SCSS
$color-5bcc0f: #5bcc0f;
Tailwind
yellow-500
Export
:root {
--spectrum-#5bcc0f-1: #5bcc0f;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.