Preview
#2c2829
Family: Grey
Accessibility on this swatch:
Contrast vs white: 14.56:1 · vs black: 1.44:1
HEX
#2c2829
RGB
rgb(44, 40, 41)
RGBA
rgba(44, 40, 41, 1)
HSL
hsl(345, 5%, 16%)
HSV
hsv(345, 9%, 17%)
LAB
lab(16.57% 2.06 0.01)
LCH
lch(16.57% 2.06 0.28)
OKLAB
oklab(0.2815 0.0061 0.0001)
OKLCH
oklch(0.2815 0.0061 0.94)
XYZ
xyz(2.20, 2.21, 2.41)
CMYK
cmyk(0%, 9%, 7%, 83%)
CSS
color: #2c2829;
CSS variable
--color-2c2829: #2c2829;
SCSS
$color-2c2829: #2c2829;
Tailwind
slate-800
Export
:root {
--#2c2829-1: #2c2829;
}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.