Preview
#51595b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.17:1 · vs black: 2.93:1
HEX
#51595b
RGB
rgb(81, 89, 91)
RGBA
rgba(81, 89, 91, 1)
HSL
hsl(192, 6%, 34%)
HSV
hsv(192, 11%, 36%)
LAB
lab(37.21% -2.68 -2.23)
LCH
lch(37.21% 3.49 219.76)
OKLAB
oklab(0.4576 -0.0088 -0.006)
OKLCH
oklch(0.4576 0.0107 214.29)
XYZ
xyz(8.85, 9.65, 11.29)
CMYK
cmyk(11%, 2%, 0%, 64%)
CSS
color: #51595b;
CSS variable
--color-51595b: #51595b;
SCSS
$color-51595b: #51595b;
Tailwind
slate-600
Export
:root {
--#51595b-1: #51595b;
}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.