Preview
#5cc567
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.18:1 · vs black: 9.64:1
HEX
#5cc567
RGB
rgb(92, 197, 103)
RGBA
rgba(92, 197, 103, 1)
HSL
hsl(126, 48%, 57%)
HSV
hsv(126, 53%, 77%)
LAB
lab(71.68% -49.95 37.96)
LCH
lch(71.68% 62.74 142.77)
OKLAB
oklab(0.7389 -0.1355 0.0923)
OKLCH
oklch(0.7389 0.1639 145.74)
XYZ
xyz(26.83, 43.18, 19.75)
CMYK
cmyk(53%, 0%, 48%, 23%)
CSS
color: #5cc567;
CSS variable
--color-5cc567: #5cc567;
SCSS
$color-5cc567: #5cc567;
Tailwind
green-400
Export
:root {
--#5cc567-1: #5cc567;
}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.