Preview
#312c24
Family: Brown
Accessibility on this swatch:
Contrast vs white: 13.85:1 · vs black: 1.52:1
HEX
#312c24
RGB
rgb(49, 44, 36)
RGBA
rgba(49, 44, 36, 1)
HSL
hsl(37, 15%, 17%)
HSV
hsv(37, 27%, 19%)
LAB
lab(18.28% 0.64 6.03)
LCH
lch(18.28% 6.06 83.94)
OKLAB
oklab(0.2958 0.0029 0.0155)
OKLCH
oklch(0.2958 0.0158 79.4)
XYZ
xyz(2.49, 2.58, 2.04)
CMYK
cmyk(0%, 10%, 27%, 81%)
CSS
color: #312c24;
CSS variable
--color-312c24: #312c24;
SCSS
$color-312c24: #312c24;
Tailwind
red-800
Export
:root {
--#312c24-1: #312c24;
}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.