Preview
#223e31
Family: Green
Accessibility on this swatch:
Contrast vs white: 11.66:1 · vs black: 1.8:1
HEX
#223e31
RGB
rgb(34, 62, 49)
RGBA
rgba(34, 62, 49, 1)
HSL
hsl(152, 29%, 19%)
HSV
hsv(152, 45%, 24%)
LAB
lab(23.69% -14.2 4.7)
LCH
lch(23.69% 14.96 161.69)
OKLAB
oklab(0.3371 -0.0396 0.0121)
OKLCH
oklch(0.3371 0.0414 163.01)
XYZ
xyz(2.94, 4.01, 3.52)
CMYK
cmyk(45%, 0%, 21%, 76%)
CSS
color: #223e31;
CSS variable
--color-223e31: #223e31;
SCSS
$color-223e31: #223e31;
Tailwind
emerald-800
Export
:root {
--#223e31-1: #223e31;
}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.