Preview
#343735
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.04:1 · vs black: 1.74:1
HEX
#343735
RGB
rgb(52, 55, 53)
RGBA
rgba(52, 55, 53, 1)
HSL
hsl(140, 3%, 21%)
HSV
hsv(140, 5%, 22%)
LAB
lab(22.72% -1.76 0.81)
LCH
lch(22.72% 1.94 155.29)
OKLAB
oklab(0.3332 -0.0049 0.0021)
OKLCH
oklch(0.3332 0.0053 156.8)
XYZ
xyz(3.42, 3.72, 3.90)
CMYK
cmyk(5%, 0%, 4%, 78%)
CSS
color: #343735;
CSS variable
--color-343735: #343735;
SCSS
$color-343735: #343735;
Tailwind
slate-700
Export
:root {
--#343735-1: #343735;
}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.