Preview
#53555f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.41:1 · vs black: 2.83:1
HEX
#53555f
RGB
rgb(83, 85, 95)
RGBA
rgba(83, 85, 95, 1)
HSL
hsl(230, 7%, 35%)
HSV
hsv(230, 13%, 37%)
LAB
lab(36.29% 1.48 -6.06)
LCH
lch(36.29% 6.24 283.72)
OKLAB
oklab(0.4513 0.0019 -0.0163)
OKLCH
oklch(0.4513 0.0164 276.65)
XYZ
xyz(8.88, 9.16, 12.12)
CMYK
cmyk(13%, 11%, 0%, 63%)
CSS
color: #53555f;
CSS variable
--color-53555f: #53555f;
SCSS
$color-53555f: #53555f;
Tailwind
slate-600
Export
:root {
--#53555f-1: #53555f;
}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.