Preview
#332e2d
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.38:1 · vs black: 1.57:1
HEX
#332e2d
RGB
rgb(51, 46, 45)
RGBA
rgba(51, 46, 45, 1)
HSL
hsl(10, 6%, 19%)
HSV
hsv(10, 12%, 20%)
LAB
lab(19.42% 2.03 1.46)
LCH
lch(19.42% 2.5 35.72)
OKLAB
oklab(0.3061 0.0064 0.0039)
OKLCH
oklch(0.3061 0.0075 31.36)
XYZ
xyz(2.82, 2.85, 2.88)
CMYK
cmyk(0%, 10%, 12%, 80%)
CSS
color: #332e2d;
CSS variable
--color-332e2d: #332e2d;
SCSS
$color-332e2d: #332e2d;
Tailwind
slate-800
Export
:root {
--#332e2d-1: #332e2d;
}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.