Preview
#316237
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 7.16:1 · vs black: 2.93:1
HEX
#316237
RGB
rgb(49, 98, 55)
RGBA
rgba(49, 98, 55, 1)
HSL
hsl(127, 33%, 29%)
HSV
hsv(127, 50%, 38%)
LAB
lab(37.23% -26.85 19.47)
LCH
lch(37.23% 33.17 144.05)
OKLAB
oklab(0.4497 -0.0729 0.0481)
OKLCH
oklch(0.4497 0.0873 146.58)
XYZ
xyz(6.32, 9.66, 5.15)
CMYK
cmyk(50%, 0%, 44%, 62%)
CSS
color: #316237;
CSS variable
--color-316237: #316237;
SCSS
$color-316237: #316237;
Tailwind
green-700
Export
:root {
--#316237-1: #316237;
}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.