Preview
#1b5e20
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 7.87:1 · vs black: 2.67:1
HEX
#1b5e20
RGB
rgb(27, 94, 32)
RGBA
rgba(27, 94, 32, 1)
HSL
hsl(124, 55%, 24%)
HSV
hsv(124, 71%, 37%)
LAB
lab(34.69% -34.75 28.87)
LCH
lch(34.69% 45.18 140.28)
OKLAB
oklab(0.4254 -0.0941 0.0676)
OKLCH
oklch(0.4254 0.1159 144.31)
XYZ
xyz(4.72, 8.34, 2.73)
CMYK
cmyk(71%, 0%, 66%, 63%)
CSS
color: #1b5e20;
CSS variable
--color-1b5e20: #1b5e20;
SCSS
$color-1b5e20: #1b5e20;
Tailwind
green-700
Export
:root {
--material-green-900-1: #1b5e20;
}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.