Preview
#568252
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.46:1 · vs black: 4.71:1
HEX
#568252
RGB
rgb(86, 130, 82)
RGBA
rgba(86, 130, 82, 1)
HSL
hsl(115, 23%, 42%)
HSV
hsv(115, 37%, 51%)
LAB
lab(50.16% -25.31 21.32)
LCH
lch(50.16% 33.09 139.89)
OKLAB
oklab(0.5615 -0.069 0.0532)
OKLCH
oklch(0.5615 0.0871 142.37)
XYZ
xyz(13.34, 18.55, 10.86)
CMYK
cmyk(34%, 0%, 37%, 49%)
CSS
color: #568252;
CSS variable
--color-568252: #568252;
SCSS
$color-568252: #568252;
Tailwind
lime-500
Export
:root {
--#568252-1: #568252;
}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.