Preview
#566469
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.14:1 · vs black: 3.42:1
HEX
#566469
RGB
rgb(86, 100, 105)
RGBA
rgba(86, 100, 105, 1)
HSL
hsl(196, 10%, 37%)
HSV
hsv(196, 18%, 41%)
LAB
lab(41.39% -4.14 -4.62)
LCH
lch(41.39% 6.2 228.14)
OKLAB
oklab(0.4932 -0.0142 -0.0125)
OKLCH
oklch(0.4932 0.0189 221.36)
XYZ
xyz(10.94, 12.11, 15.12)
CMYK
cmyk(18%, 5%, 0%, 59%)
CSS
color: #566469;
CSS variable
--color-566469: #566469;
SCSS
$color-566469: #566469;
Tailwind
cyan-600
Export
:root {
--#566469-1: #566469;
}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.