Preview
#648266
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 4.26:1 · vs black: 4.93:1
HEX
#648266
RGB
rgb(100, 130, 102)
RGBA
rgba(100, 130, 102, 1)
HSL
hsl(124, 13%, 45%)
HSV
hsv(124, 23%, 51%)
LAB
lab(51.42% -16.64 11.74)
LCH
lch(51.42% 20.36 144.8)
OKLAB
oklab(0.5752 -0.0456 0.0301)
OKLCH
oklch(0.5752 0.0546 146.57)
XYZ
xyz(15.64, 19.63, 15.53)
CMYK
cmyk(23%, 0%, 22%, 49%)
CSS
color: #648266;
CSS variable
--color-648266: #648266;
SCSS
$color-648266: #648266;
Tailwind
green-500
Export
:root {
--#648266-1: #648266;
}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.