Preview
#2e342e
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.75:1 · vs black: 1.65:1
HEX
#2e342e
RGB
rgb(46, 52, 46)
RGBA
rgba(46, 52, 46, 1)
HSL
hsl(120, 6%, 19%)
HSV
hsv(120, 12%, 20%)
LAB
lab(20.96% -4.01 2.92)
LCH
lch(20.96% 4.96 143.94)
OKLAB
oklab(0.3171 -0.011 0.0076)
OKLCH
oklch(0.3171 0.0134 145.36)
XYZ
xyz(2.85, 3.23, 3.06)
CMYK
cmyk(12%, 0%, 12%, 80%)
CSS
color: #2e342e;
CSS variable
--color-2e342e: #2e342e;
SCSS
$color-2e342e: #2e342e;
Tailwind
slate-800
Export
:root {
--#2e342e-1: #2e342e;
}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.