Preview
#2e3231
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.99:1 · vs black: 1.62:1
HEX
#2e3231
RGB
rgb(46, 50, 49)
RGBA
rgba(46, 50, 49, 1)
HSL
hsl(165, 4%, 19%)
HSV
hsv(165, 8%, 20%)
LAB
lab(20.38% -1.98 0.04)
LCH
lch(20.38% 1.98 178.84)
OKLAB
oklab(0.3128 -0.0058 0.0001)
OKLCH
oklch(0.3128 0.0058 179.01)
XYZ
xyz(2.82, 3.08, 3.35)
CMYK
cmyk(8%, 0%, 2%, 80%)
CSS
color: #2e3231;
CSS variable
--color-2e3231: #2e3231;
SCSS
$color-2e3231: #2e3231;
Tailwind
slate-800
Export
:root {
--#2e3231-1: #2e3231;
}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.