Preview
#22381e
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 12.71:1 · vs black: 1.65:1
HEX
#22381e
RGB
rgb(34, 56, 30)
RGBA
rgba(34, 56, 30, 1)
HSL
hsl(111, 30%, 17%)
HSV
hsv(111, 46%, 22%)
LAB
lab(21.06% -14.97 13.57)
LCH
lch(21.06% 20.21 137.81)
OKLAB
oklab(0.3143 -0.0409 0.0335)
OKLCH
oklch(0.3143 0.0529 140.68)
XYZ
xyz(2.31, 3.26, 1.74)
CMYK
cmyk(39%, 0%, 46%, 78%)
CSS
color: #22381e;
CSS variable
--color-22381e: #22381e;
SCSS
$color-22381e: #22381e;
Tailwind
lime-800
Export
:root {
--#22381e-1: #22381e;
}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.