Preview
#717883
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.45:1 · vs black: 4.72:1
HEX
#717883
RGB
rgb(113, 120, 131)
RGBA
rgba(113, 120, 131, 1)
HSL
hsl(217, 7%, 48%)
HSV
hsv(217, 14%, 51%)
LAB
lab(50.19% -0.21 -6.9)
LCH
lch(50.19% 6.9 268.26)
OKLAB
oklab(0.5705 -0.0035 -0.0186)
OKLCH
oklch(0.5705 0.0189 259.34)
XYZ
xyz(17.62, 18.58, 24.13)
CMYK
cmyk(14%, 8%, 0%, 49%)
CSS
color: #717883;
CSS variable
--color-717883: #717883;
SCSS
$color-717883: #717883;
Tailwind
slate-500
Export
:root {
--#717883-1: #717883;
}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.