Preview
#525a66
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.97:1 · vs black: 3.01:1
HEX
#525a66
RGB
rgb(82, 90, 102)
RGBA
rgba(82, 90, 102, 1)
HSL
hsl(216, 11%, 36%)
HSV
hsv(216, 20%, 40%)
LAB
lab(37.96% -0.27 -7.93)
LCH
lch(37.96% 7.93 268.05)
OKLAB
oklab(0.465 -0.0044 -0.0215)
OKLCH
oklch(0.465 0.0219 258.43)
XYZ
xyz(9.53, 10.07, 14.01)
CMYK
cmyk(20%, 12%, 0%, 60%)
CSS
color: #525a66;
CSS variable
--color-525a66: #525a66;
SCSS
$color-525a66: #525a66;
Tailwind
sky-600
Export
:root {
--#525a66-1: #525a66;
}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.