Preview
#22442e
Family: Green
Accessibility on this swatch:
Contrast vs white: 10.86:1 · vs black: 1.93:1
HEX
#22442e
RGB
rgb(34, 68, 46)
RGBA
rgba(34, 68, 46, 1)
HSL
hsl(141, 33%, 20%)
HSV
hsv(141, 50%, 27%)
LAB
lab(25.78% -18.29 9.57)
LCH
lch(25.78% 20.64 152.38)
OKLAB
oklab(0.3537 -0.05 0.0243)
OKLCH
oklch(0.3537 0.0556 154.08)
XYZ
xyz(3.22, 4.67, 3.32)
CMYK
cmyk(50%, 0%, 32%, 73%)
CSS
color: #22442e;
CSS variable
--color-22442e: #22442e;
SCSS
$color-22442e: #22442e;
Tailwind
emerald-800
Export
:root {
--#22442e-1: #22442e;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.