Preview
#322d28
Family: Brown
Accessibility on this swatch:
Contrast vs white: 13.62:1 · vs black: 1.54:1
HEX
#322d28
RGB
rgb(50, 45, 40)
RGBA
rgba(50, 45, 40, 1)
HSL
hsl(30, 11%, 18%)
HSV
hsv(30, 20%, 20%)
LAB
lab(18.83% 1.21 4.05)
LCH
lch(18.83% 4.23 73.37)
OKLAB
oklab(0.3008 0.0044 0.0106)
OKLCH
oklch(0.3008 0.0115 67.46)
XYZ
xyz(2.64, 2.71, 2.39)
CMYK
cmyk(0%, 10%, 20%, 80%)
CSS
color: #322d28;
CSS variable
--color-322d28: #322d28;
SCSS
$color-322d28: #322d28;
Tailwind
red-800
Export
:root {
--#322d28-1: #322d28;
}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.