Preview
#2d2d33
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.68:1 · vs black: 1.53:1
HEX
#2d2d33
RGB
rgb(45, 45, 51)
RGBA
rgba(45, 45, 51, 1)
HSL
hsl(240, 6%, 19%)
HSV
hsv(240, 12%, 20%)
LAB
lab(18.69% 1.49 -3.84)
LCH
lch(18.69% 4.12 291.21)
OKLAB
oklab(0.2996 0.0029 -0.0103)
OKLCH
oklch(0.2996 0.0107 285.72)
XYZ
xyz(2.62, 2.67, 3.51)
CMYK
cmyk(12%, 12%, 0%, 80%)
CSS
color: #2d2d33;
CSS variable
--color-2d2d33: #2d2d33;
SCSS
$color-2d2d33: #2d2d33;
Tailwind
slate-800
Export
:root {
--#2d2d33-1: #2d2d33;
}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.