Preview
#5d6474
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.93:1 · vs black: 3.54:1
HEX
#5d6474
RGB
rgb(93, 100, 116)
RGBA
rgba(93, 100, 116, 1)
HSL
hsl(222, 11%, 41%)
HSV
hsv(222, 20%, 45%)
LAB
lab(42.31% 1.04 -9.89)
LCH
lch(42.31% 9.94 276)
OKLAB
oklab(0.503 -0.0016 -0.0269)
OKLCH
oklch(0.503 0.0269 266.6)
XYZ
xyz(12.22, 12.70, 18.33)
CMYK
cmyk(20%, 14%, 0%, 55%)
CSS
color: #5d6474;
CSS variable
--color-5d6474: #5d6474;
SCSS
$color-5d6474: #5d6474;
Tailwind
blue-500
Export
:root {
--#5d6474-1: #5d6474;
}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.