Preview
#717c8a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.24:1 · vs black: 4.95:1
HEX
#717c8a
RGB
rgb(113, 124, 138)
RGBA
rgba(113, 124, 138, 1)
HSL
hsl(214, 10%, 49%)
HSV
hsv(214, 18%, 54%)
LAB
lab(51.57% -0.92 -8.96)
LCH
lch(51.57% 9.01 264.14)
OKLAB
oklab(0.582 -0.0067 -0.0243)
OKLCH
oklch(0.582 0.0252 254.59)
XYZ
xyz(18.60, 19.76, 26.87)
CMYK
cmyk(18%, 10%, 0%, 46%)
CSS
color: #717c8a;
CSS variable
--color-717c8a: #717c8a;
SCSS
$color-717c8a: #717c8a;
Tailwind
sky-500
Export
:root {
--#717c8a-1: #717c8a;
}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.