Preview
#525657
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.43:1 · vs black: 2.83:1
HEX
#525657
RGB
rgb(82, 86, 87)
RGBA
rgba(82, 86, 87, 1)
HSL
hsl(192, 3%, 33%)
HSV
hsv(192, 6%, 34%)
LAB
lab(36.25% -1.37 -1.13)
LCH
lch(36.25% 1.78 219.52)
OKLAB
oklab(0.4499 -0.0044 -0.003)
OKLCH
oklch(0.4499 0.0053 214.29)
XYZ
xyz(8.53, 9.14, 10.33)
CMYK
cmyk(6%, 1%, 0%, 66%)
CSS
color: #525657;
CSS variable
--color-525657: #525657;
SCSS
$color-525657: #525657;
Tailwind
slate-600
Export
:root {
--#525657-1: #525657;
}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.