Preview
#313435
Family: Grey
Accessibility on this swatch:
Contrast vs white: 12.55:1 · vs black: 1.67:1
HEX
#313435
RGB
rgb(49, 52, 53)
RGBA
rgba(49, 52, 53, 1)
HSL
hsl(195, 4%, 20%)
HSV
hsv(195, 8%, 21%)
LAB
lab(21.45% -1.05 -1.08)
LCH
lch(21.45% 1.51 225.81)
OKLAB
oklab(0.3225 -0.0035 -0.0029)
OKLCH
oklch(0.3225 0.0045 219.64)
XYZ
xyz(3.14, 3.37, 3.85)
CMYK
cmyk(8%, 2%, 0%, 79%)
CSS
color: #313435;
CSS variable
--color-313435: #313435;
SCSS
$color-313435: #313435;
Tailwind
slate-800
Export
:root {
--#313435-1: #313435;
}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.