Preview
#2c2d29
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.87:1 · vs black: 1.51:1
HEX
#2c2d29
RGB
rgb(44, 45, 41)
RGBA
rgba(44, 45, 41, 1)
HSL
hsl(75, 5%, 17%)
HSV
hsv(75, 9%, 18%)
LAB
lab(18.24% -1.37 2.43)
LCH
lch(18.24% 2.79 119.41)
OKLAB
oklab(0.2947 -0.0034 0.0064)
OKLCH
oklch(0.2947 0.0072 117.98)
XYZ
xyz(2.38, 2.57, 2.47)
CMYK
cmyk(2%, 0%, 9%, 82%)
CSS
color: #2c2d29;
CSS variable
--color-2c2d29: #2c2d29;
SCSS
$color-2c2d29: #2c2d29;
Tailwind
slate-800
Export
:root {
--#2c2d29-1: #2c2d29;
}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.