Preview
#2c2d31
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.75:1 · vs black: 1.53:1
HEX
#2c2d31
RGB
rgb(44, 45, 49)
RGBA
rgba(44, 45, 49, 1)
HSL
hsl(228, 5%, 18%)
HSV
hsv(228, 10%, 19%)
LAB
lab(18.51% 0.55 -2.72)
LCH
lch(18.51% 2.78 281.43)
OKLAB
oklab(0.2977 0.0006 -0.0073)
OKLCH
oklch(0.2977 0.0073 274.7)
XYZ
xyz(2.53, 2.63, 3.28)
CMYK
cmyk(10%, 8%, 0%, 81%)
CSS
color: #2c2d31;
CSS variable
--color-2c2d31: #2c2d31;
SCSS
$color-2c2d31: #2c2d31;
Tailwind
slate-800
Export
:root {
--#2c2d31-1: #2c2d31;
}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.