Preview
#343631
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.22:1 · vs black: 1.72:1
HEX
#343631
RGB
rgb(52, 54, 49)
RGBA
rgba(52, 54, 49, 1)
HSL
hsl(84, 5%, 20%)
HSV
hsv(84, 9%, 21%)
LAB
lab(22.27% -2 2.85)
LCH
lch(22.27% 3.48 125.06)
OKLAB
oklab(0.3292 -0.0052 0.0074)
OKLCH
oklch(0.3292 0.009 125.1)
XYZ
xyz(3.29, 3.59, 3.42)
CMYK
cmyk(4%, 0%, 9%, 79%)
CSS
color: #343631;
CSS variable
--color-343631: #343631;
SCSS
$color-343631: #343631;
Tailwind
slate-800
Export
:root {
--#343631-1: #343631;
}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.