Preview
#362f33
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.03:1 · vs black: 1.61:1
HEX
#362f33
RGB
rgb(54, 47, 51)
RGBA
rgba(54, 47, 51, 1)
HSL
hsl(326, 7%, 20%)
HSV
hsv(326, 13%, 21%)
LAB
lab(20.27% 4.03 -1.4)
LCH
lch(20.27% 4.27 340.84)
OKLAB
oklab(0.3142 0.0116 -0.0037)
OKLCH
oklch(0.3142 0.0122 342.31)
XYZ
xyz(3.14, 3.06, 3.56)
CMYK
cmyk(0%, 13%, 6%, 79%)
CSS
color: #362f33;
CSS variable
--color-362f33: #362f33;
SCSS
$color-362f33: #362f33;
Tailwind
slate-800
Export
:root {
--#362f33-1: #362f33;
}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.