Preview
#71747a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.69:1 · vs black: 4.48:1
HEX
#71747a
RGB
rgb(113, 116, 122)
RGBA
rgba(113, 116, 122, 1)
HSL
hsl(220, 4%, 46%)
HSV
hsv(220, 7%, 48%)
LAB
lab(48.77% 0.13 -3.69)
LCH
lch(48.77% 3.69 272.02)
OKLAB
oklab(0.5584 -0.001 -0.0099)
OKLCH
oklch(0.5584 0.01 264.23)
XYZ
xyz(16.57, 17.41, 20.90)
CMYK
cmyk(7%, 5%, 0%, 52%)
CSS
color: #71747a;
CSS variable
--color-71747a: #71747a;
SCSS
$color-71747a: #71747a;
Tailwind
slate-500
Export
:root {
--#71747a-1: #71747a;
}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.