Preview
#53565f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.33:1 · vs black: 2.86:1
HEX
#53565f
RGB
rgb(83, 86, 95)
RGBA
rgba(83, 86, 95, 1)
HSL
hsl(225, 7%, 35%)
HSV
hsv(225, 13%, 37%)
LAB
lab(36.59% 0.86 -5.61)
LCH
lch(36.59% 5.68 278.72)
OKLAB
oklab(0.4537 0.0003 -0.0151)
OKLCH
oklch(0.4537 0.0151 271.14)
XYZ
xyz(8.96, 9.32, 12.15)
CMYK
cmyk(13%, 9%, 0%, 63%)
CSS
color: #53565f;
CSS variable
--color-53565f: #53565f;
SCSS
$color-53565f: #53565f;
Tailwind
slate-600
Export
:root {
--#53565f-1: #53565f;
}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.