Preview
#646c5c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 5.47:1 · vs black: 3.84:1
HEX
#646c5c
RGB
rgb(100, 108, 92)
RGBA
rgba(100, 108, 92, 1)
HSL
hsl(90, 8%, 39%)
HSV
hsv(90, 15%, 42%)
LAB
lab(44.53% -6.29 7.93)
LCH
lch(44.53% 10.12 128.42)
OKLAB
oklab(0.5195 -0.0166 0.0205)
OKLCH
oklch(0.5195 0.0264 129)
XYZ
xyz(12.55, 14.21, 12.20)
CMYK
cmyk(7%, 0%, 15%, 58%)
CSS
color: #646c5c;
CSS variable
--color-646c5c: #646c5c;
SCSS
$color-646c5c: #646c5c;
Tailwind
yellow-600
Export
:root {
--#646c5c-1: #646c5c;
}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.