Preview
#312e29
Family: Brown
Accessibility on this swatch:
Contrast vs white: 13.52:1 · vs black: 1.55:1
HEX
#312e29
RGB
rgb(49, 46, 41)
RGBA
rgba(49, 46, 41, 1)
HSL
hsl(37, 9%, 18%)
HSV
hsv(37, 16%, 19%)
LAB
lab(19.09% 0.26 3.71)
LCH
lch(19.09% 3.72 85.99)
OKLAB
oklab(0.3026 0.0016 0.0097)
OKLCH
oklch(0.3026 0.0098 80.63)
XYZ
xyz(2.64, 2.77, 2.49)
CMYK
cmyk(0%, 6%, 16%, 81%)
CSS
color: #312e29;
CSS variable
--color-312e29: #312e29;
SCSS
$color-312e29: #312e29;
Tailwind
red-800
Export
:root {
--#312e29-1: #312e29;
}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.