Preview
#34352e
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.39:1 · vs black: 1.69:1
HEX
#34352e
RGB
rgb(52, 53, 46)
RGBA
rgba(52, 53, 46, 1)
HSL
hsl(69, 7%, 19%)
HSV
hsv(69, 13%, 21%)
LAB
lab(21.85% -1.99 4.27)
LCH
lch(21.85% 4.71 114.99)
OKLAB
oklab(0.3256 -0.0049 0.0111)
OKLCH
oklch(0.3256 0.0121 113.82)
XYZ
xyz(3.18, 3.47, 3.09)
CMYK
cmyk(2%, 0%, 13%, 79%)
CSS
color: #34352e;
CSS variable
--color-34352e: #34352e;
SCSS
$color-34352e: #34352e;
Tailwind
slate-800
Export
:root {
--#34352e-1: #34352e;
}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.