Preview
#312d2e
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.59:1 · vs black: 1.55:1
HEX
#312d2e
RGB
rgb(49, 45, 46)
RGBA
rgba(49, 45, 46, 1)
HSL
hsl(345, 4%, 18%)
HSV
hsv(345, 8%, 19%)
LAB
lab(18.92% 2.03 0.01)
LCH
lch(18.92% 2.03 0.28)
OKLAB
oklab(0.3018 0.006 0)
OKLCH
oklch(0.3018 0.006 0)
XYZ
xyz(2.70, 2.73, 2.97)
CMYK
cmyk(0%, 8%, 6%, 81%)
CSS
color: #312d2e;
CSS variable
--color-312d2e: #312d2e;
SCSS
$color-312d2e: #312d2e;
Tailwind
slate-800
Export
:root {
--#312d2e-1: #312d2e;
}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.