Preview
#2c2e29
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.73:1 · vs black: 1.53:1
HEX
#2c2e29
RGB
rgb(44, 46, 41)
RGBA
rgba(44, 46, 41, 1)
HSL
hsl(84, 6%, 17%)
HSV
hsv(84, 11%, 18%)
LAB
lab(18.58% -2.05 2.92)
LCH
lch(18.58% 3.57 125.07)
OKLAB
oklab(0.2974 -0.0053 0.0076)
OKLCH
oklch(0.2974 0.0093 124.89)
XYZ
xyz(2.42, 2.65, 2.48)
CMYK
cmyk(4%, 0%, 11%, 82%)
CSS
color: #2c2e29;
CSS variable
--color-2c2e29: #2c2e29;
SCSS
$color-2c2e29: #2c2e29;
Tailwind
slate-800
Export
:root {
--#2c2e29-1: #2c2e29;
}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.