Preview
#312f2e
Family: Brown
Accessibility on this swatch:
Contrast vs white: 13.32:1 · vs black: 1.58:1
HEX
#312f2e
RGB
rgb(49, 47, 46)
RGBA
rgba(49, 47, 46, 1)
HSL
hsl(20, 3%, 19%)
HSV
hsv(20, 6%, 19%)
LAB
lab(19.57% 0.66 0.96)
LCH
lch(19.57% 1.16 55.49)
OKLAB
oklab(0.3069 0.0022 0.0025)
OKLCH
oklch(0.3069 0.0033 48.65)
XYZ
xyz(2.78, 2.88, 2.99)
CMYK
cmyk(0%, 4%, 6%, 81%)
CSS
color: #312f2e;
CSS variable
--color-312f2e: #312f2e;
SCSS
$color-312f2e: #312f2e;
Tailwind
slate-800
Export
:root {
--#312f2e-1: #312f2e;
}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.