Preview
#312c31
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.68:1 · vs black: 1.54:1
HEX
#312c31
RGB
rgb(49, 44, 49)
RGBA
rgba(49, 44, 49, 1)
HSL
hsl(300, 5%, 18%)
HSV
hsv(300, 10%, 19%)
LAB
lab(18.7% 3.41 -2.4)
LCH
lch(18.7% 4.17 324.86)
OKLAB
oklab(0.3004 0.0094 -0.0064)
OKLCH
oklch(0.3004 0.0114 325.75)
XYZ
xyz(2.72, 2.68, 3.28)
CMYK
cmyk(0%, 10%, 0%, 81%)
CSS
color: #312c31;
CSS variable
--color-312c31: #312c31;
SCSS
$color-312c31: #312c31;
Tailwind
slate-800
Export
:root {
--#312c31-1: #312c31;
}Neutrality, balance, and modernity. Essential for UI chrome, typography, and systems.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Grey family.