Preview
#2b2c26
Family: Grey
Accessibility on this swatch:
Contrast vs white: 14.08:1 · vs black: 1.49:1
HEX
#2b2c26
RGB
rgb(43, 44, 38)
RGBA
rgba(43, 44, 38, 1)
HSL
hsl(70, 7%, 16%)
HSV
hsv(70, 14%, 17%)
LAB
lab(17.71% -1.82 3.75)
LCH
lch(17.71% 4.17 115.89)
OKLAB
oklab(0.29 -0.0045 0.0097)
OKLCH
oklch(0.29 0.0107 114.89)
XYZ
xyz(2.25, 2.45, 2.19)
CMYK
cmyk(2%, 0%, 14%, 83%)
CSS
color: #2b2c26;
CSS variable
--color-2b2c26: #2b2c26;
SCSS
$color-2b2c26: #2b2c26;
Tailwind
slate-800
Export
:root {
--#2b2c26-1: #2b2c26;
}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.