Preview
#342722
Family: Brown
Accessibility on this swatch:
Contrast vs white: 14.39:1 · vs black: 1.46:1
HEX
#342722
RGB
rgb(52, 39, 34)
RGBA
rgba(52, 39, 34, 1)
HSL
hsl(17, 21%, 17%)
HSV
hsv(17, 35%, 20%)
LAB
lab(16.97% 5.18 5.64)
LCH
lch(16.97% 7.66 47.43)
OKLAB
oklab(0.2862 0.0161 0.0145)
OKLCH
oklch(0.2862 0.0217 42.01)
XYZ
xyz(2.43, 2.30, 1.83)
CMYK
cmyk(0%, 25%, 35%, 80%)
CSS
color: #342722;
CSS variable
--color-342722: #342722;
SCSS
$color-342722: #342722;
Tailwind
slate-800
Export
:root {
--#342722-1: #342722;
}Reliability, earthiness, and craft. Common in organic, coffee, and heritage brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Brown family.