Preview
#2b2a26
Family: Grey
Accessibility on this swatch:
Contrast vs white: 14.36:1 · vs black: 1.46:1
HEX
#2b2a26
RGB
rgb(43, 42, 38)
RGBA
rgba(43, 42, 38, 1)
HSL
hsl(48, 6%, 16%)
HSV
hsv(48, 12%, 17%)
LAB
lab(17.03% -0.46 2.78)
LCH
lch(17.03% 2.82 99.4)
OKLAB
oklab(0.2846 -0.0007 0.0073)
OKLCH
oklch(0.2846 0.0073 95.48)
XYZ
xyz(2.17, 2.31, 2.16)
CMYK
cmyk(0%, 2%, 12%, 83%)
CSS
color: #2b2a26;
CSS variable
--color-2b2a26: #2b2a26;
SCSS
$color-2b2a26: #2b2a26;
Tailwind
slate-800
Export
:root {
--#2b2a26-1: #2b2a26;
}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.