Preview
#566164
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.38:1 · vs black: 3.29:1
HEX
#566164
RGB
rgb(86, 97, 100)
RGBA
rgba(86, 97, 100, 1)
HSL
hsl(193, 8%, 36%)
HSV
hsv(193, 14%, 39%)
LAB
lab(40.32% -3.54 -3.14)
LCH
lch(40.32% 4.73 221.57)
OKLAB
oklab(0.4842 -0.0117 -0.0085)
OKLCH
oklch(0.4842 0.0145 216)
XYZ
xyz(10.41, 11.45, 13.72)
CMYK
cmyk(14%, 3%, 0%, 61%)
CSS
color: #566164;
CSS variable
--color-566164: #566164;
SCSS
$color-566164: #566164;
Tailwind
cyan-600
Export
:root {
--#566164-1: #566164;
}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.