Preview
#535458
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.56:1 · vs black: 2.78:1
HEX
#535458
RGB
rgb(83, 84, 88)
RGBA
rgba(83, 84, 88, 1)
HSL
hsl(228, 3%, 34%)
HSV
hsv(228, 6%, 35%)
LAB
lab(35.76% 0.48 -2.47)
LCH
lch(35.76% 2.52 281)
OKLAB
oklab(0.4464 0.0006 -0.0066)
OKLCH
oklch(0.4464 0.0066 275.19)
XYZ
xyz(8.50, 8.88, 10.50)
CMYK
cmyk(6%, 5%, 0%, 65%)
CSS
color: #535458;
CSS variable
--color-535458: #535458;
SCSS
$color-535458: #535458;
Tailwind
slate-600
Export
:root {
--#535458-1: #535458;
}Calm professionalism with cool neutrality. Excellent for dashboards and docs.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue Grey family.