Preview
#515657
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.45:1 · vs black: 2.82:1
HEX
#515657
RGB
rgb(81, 86, 87)
RGBA
rgba(81, 86, 87, 1)
HSL
hsl(190, 4%, 33%)
HSV
hsv(190, 7%, 34%)
LAB
lab(36.16% -1.76 -1.27)
LCH
lch(36.16% 2.17 215.81)
OKLAB
oklab(0.449 -0.0057 -0.0034)
OKLCH
oklch(0.449 0.0066 210.82)
XYZ
xyz(8.44, 9.09, 10.33)
CMYK
cmyk(7%, 1%, 0%, 66%)
CSS
color: #515657;
CSS variable
--color-515657: #515657;
SCSS
$color-515657: #515657;
Tailwind
slate-600
Export
:root {
--#515657-1: #515657;
}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.