Preview
#343431
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.49:1 · vs black: 1.68:1
HEX
#343431
RGB
rgb(52, 52, 49)
RGBA
rgba(52, 52, 49, 1)
HSL
hsl(60, 3%, 20%)
HSV
hsv(60, 6%, 20%)
LAB
lab(21.61% -0.68 1.9)
LCH
lch(21.61% 2.02 109.69)
OKLAB
oklab(0.324 -0.0015 0.005)
OKLCH
oklch(0.324 0.0052 106.7)
XYZ
xyz(3.20, 3.41, 3.39)
CMYK
cmyk(0%, 0%, 6%, 80%)
CSS
color: #343431;
CSS variable
--color-343431: #343431;
SCSS
$color-343431: #343431;
Tailwind
slate-800
Export
:root {
--#343431-1: #343431;
}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.