Preview
#5a666a
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.93:1 · vs black: 3.54:1
HEX
#5a666a
RGB
rgb(90, 102, 106)
RGBA
rgba(90, 102, 106, 1)
HSL
hsl(195, 8%, 38%)
HSV
hsv(195, 15%, 42%)
LAB
lab(42.33% -3.65 -3.8)
LCH
lch(42.33% 5.27 226.15)
OKLAB
oklab(0.5015 -0.0123 -0.0103)
OKLCH
oklch(0.5015 0.016 219.94)
XYZ
xyz(11.57, 12.72, 15.48)
CMYK
cmyk(15%, 4%, 0%, 58%)
CSS
color: #5a666a;
CSS variable
--color-5a666a: #5a666a;
SCSS
$color-5a666a: #5a666a;
Tailwind
cyan-600
Export
:root {
--#5a666a-1: #5a666a;
}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.