Preview
#333033
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.03:1 · vs black: 1.61:1
HEX
#333033
RGB
rgb(51, 48, 51)
RGBA
rgba(51, 48, 51, 1)
HSL
hsl(300, 3%, 19%)
HSV
hsv(300, 6%, 20%)
LAB
lab(20.27% 2.02 -1.43)
LCH
lch(20.27% 2.47 324.7)
OKLAB
oklab(0.3134 0.0056 -0.0038)
OKLCH
oklch(0.3134 0.0068 325.84)
XYZ
xyz(3.02, 3.06, 3.56)
CMYK
cmyk(0%, 6%, 0%, 80%)
CSS
color: #333033;
CSS variable
--color-333033: #333033;
SCSS
$color-333033: #333033;
Tailwind
slate-800
Export
:root {
--#333033-1: #333033;
}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.