Preview
#163c21
Family: Green
Accessibility on this swatch:
Contrast vs white: 12.34:1 · vs black: 1.7:1
HEX
#163c21
RGB
rgb(22, 60, 33)
RGBA
rgba(22, 60, 33, 1)
HSL
hsl(137, 46%, 16%)
HSV
hsv(137, 63%, 24%)
LAB
lab(21.99% -20.79 12.73)
LCH
lch(21.99% 24.38 148.52)
OKLAB
oklab(0.3203 -0.0563 0.0317)
OKLCH
oklch(0.3203 0.0646 150.62)
XYZ
xyz(2.22, 3.51, 2.00)
CMYK
cmyk(63%, 0%, 45%, 76%)
CSS
color: #163c21;
CSS variable
--color-163c21: #163c21;
SCSS
$color-163c21: #163c21;
Tailwind
green-800
Export
:root {
--#163c21-1: #163c21;
}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.