Preview
#569f4f
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.25:1 · vs black: 6.47:1
HEX
#569f4f
RGB
rgb(86, 159, 79)
RGBA
rgba(86, 159, 79, 1)
HSL
hsl(115, 34%, 47%)
HSV
hsv(115, 50%, 62%)
LAB
lab(59.29% -39.27 34.6)
LCH
lch(59.29% 52.34 138.62)
OKLAB
oklab(0.6356 -0.1071 0.0835)
OKLCH
oklch(0.6356 0.1358 142.06)
XYZ
xyz(17.65, 27.34, 11.74)
CMYK
cmyk(46%, 0%, 50%, 38%)
CSS
color: #569f4f;
CSS variable
--color-569f4f: #569f4f;
SCSS
$color-569f4f: #569f4f;
Tailwind
lime-500
Export
:root {
--#569f4f-1: #569f4f;
}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.