Preview
#2b302c
Family: Grey
Accessibility on this swatch:
Contrast vs white: 13.45:1 · vs black: 1.56:1
HEX
#2b302c
RGB
rgb(43, 48, 44)
RGBA
rgba(43, 48, 44, 1)
HSL
hsl(132, 5%, 18%)
HSV
hsv(132, 10%, 19%)
LAB
lab(19.26% -3.15 1.82)
LCH
lch(19.26% 3.64 149.98)
OKLAB
oklab(0.3028 -0.0087 0.0047)
OKLCH
oklch(0.3028 0.0099 151.62)
XYZ
xyz(2.51, 2.81, 2.79)
CMYK
cmyk(10%, 0%, 8%, 81%)
CSS
color: #2b302c;
CSS variable
--color-2b302c: #2b302c;
SCSS
$color-2b302c: #2b302c;
Tailwind
slate-800
Export
:root {
--#2b302c-1: #2b302c;
}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.