Preview
#163f2d
Family: Green
Accessibility on this swatch:
Contrast vs white: 11.78:1 · vs black: 1.78:1
HEX
#163f2d
RGB
rgb(22, 63, 45)
RGBA
rgba(22, 63, 45, 1)
HSL
hsl(154, 48%, 17%)
HSV
hsv(154, 65%, 25%)
LAB
lab(23.39% -19.47 6.83)
LCH
lch(23.39% 20.63 160.67)
OKLAB
oklab(0.3327 -0.0536 0.0174)
OKLCH
oklch(0.3327 0.0564 162.02)
XYZ
xyz(2.58, 3.91, 3.10)
CMYK
cmyk(65%, 0%, 29%, 75%)
CSS
color: #163f2d;
CSS variable
--color-163f2d: #163f2d;
SCSS
$color-163f2d: #163f2d;
Tailwind
emerald-800
Export
:root {
--#163f2d-1: #163f2d;
}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.