Preview
#5d6168
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.22:1 · vs black: 3.38:1
HEX
#5d6168
RGB
rgb(93, 97, 104)
RGBA
rgba(93, 97, 104, 1)
HSL
hsl(218, 6%, 39%)
HSV
hsv(218, 11%, 41%)
LAB
lab(41.02% 0 -4.51)
LCH
lch(41.02% 4.51 270)
OKLAB
oklab(0.4915 -0.0018 -0.0121)
OKLCH
oklch(0.4915 0.0122 261.54)
XYZ
xyz(11.29, 11.88, 14.79)
CMYK
cmyk(11%, 7%, 0%, 59%)
CSS
color: #5d6168;
CSS variable
--color-5d6168: #5d6168;
SCSS
$color-5d6168: #5d6168;
Tailwind
slate-600
Export
:root {
--#5d6168-1: #5d6168;
}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.