Preview
#34342f
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.51:1 · vs black: 1.68:1
HEX
#34342f
RGB
rgb(52, 52, 47)
RGBA
rgba(52, 52, 47, 1)
HSL
hsl(60, 5%, 19%)
HSV
hsv(60, 10%, 20%)
LAB
lab(21.55% -1.11 3.16)
LCH
lch(21.55% 3.35 109.35)
OKLAB
oklab(0.3233 -0.0025 0.0083)
OKLCH
oklch(0.3233 0.0087 106.76)
XYZ
xyz(3.16, 3.39, 3.18)
CMYK
cmyk(0%, 0%, 10%, 80%)
CSS
color: #34342f;
CSS variable
--color-34342f: #34342f;
SCSS
$color-34342f: #34342f;
Tailwind
slate-800
Export
:root {
--#34342f-1: #34342f;
}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.