Preview
#747576
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.62:1 · vs black: 4.55:1
HEX
#747576
RGB
rgb(116, 117, 118)
RGBA
rgba(116, 117, 118, 1)
HSL
hsl(210, 1%, 46%)
HSV
hsv(210, 2%, 46%)
LAB
lab(49.18% -0.18 -0.68)
LCH
lch(49.18% 0.7 255.17)
OKLAB
oklab(0.5619 -0.0007 -0.0018)
OKLCH
oklch(0.5619 0.0019 248.75)
XYZ
xyz(16.83, 17.74, 19.67)
CMYK
cmyk(2%, 1%, 0%, 54%)
CSS
color: #747576;
CSS variable
--color-747576: #747576;
SCSS
$color-747576: #747576;
Tailwind
slate-500
Export
:root {
--#747576-1: #747576;
}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.