Preview
#313532
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.46:1 · vs black: 1.69:1
HEX
#313532
RGB
rgb(49, 53, 50)
RGBA
rgba(49, 53, 50, 1)
HSL
hsl(135, 4%, 20%)
HSV
hsv(135, 8%, 21%)
LAB
lab(21.69% -2.43 1.3)
LCH
lch(21.69% 2.76 151.85)
OKLAB
oklab(0.324 -0.0068 0.0034)
OKLCH
oklch(0.324 0.0076 153.43)
XYZ
xyz(3.12, 3.43, 3.51)
CMYK
cmyk(8%, 0%, 6%, 79%)
CSS
color: #313532;
CSS variable
--color-313532: #313532;
SCSS
$color-313532: #313532;
Tailwind
slate-800
Export
:root {
--#313532-1: #313532;
}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.