Preview
#5a6469
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.07:1 · vs black: 3.46:1
HEX
#5a6469
RGB
rgb(90, 100, 105)
RGBA
rgba(90, 100, 105, 1)
HSL
hsl(200, 8%, 38%)
HSV
hsv(200, 14%, 41%)
LAB
lab(41.7% -2.69 -4.13)
LCH
lch(41.7% 4.93 236.92)
OKLAB
oklab(0.4964 -0.0096 -0.0111)
OKLCH
oklch(0.4964 0.0147 229.14)
XYZ
xyz(11.32, 12.31, 15.14)
CMYK
cmyk(14%, 5%, 0%, 59%)
CSS
color: #5a6469;
CSS variable
--color-5a6469: #5a6469;
SCSS
$color-5a6469: #5a6469;
Tailwind
sky-600
Export
:root {
--#5a6469-1: #5a6469;
}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.