Preview
#565f66
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.51:1 · vs black: 3.22:1
HEX
#565f66
RGB
rgb(86, 95, 102)
RGBA
rgba(86, 95, 102, 1)
HSL
hsl(206, 9%, 37%)
HSV
hsv(206, 16%, 40%)
LAB
lab(39.79% -1.86 -5.17)
LCH
lch(39.79% 5.49 250.21)
OKLAB
oklab(0.4802 -0.0077 -0.014)
OKLCH
oklch(0.4802 0.016 241.19)
XYZ
xyz(10.33, 11.12, 14.17)
CMYK
cmyk(16%, 7%, 0%, 60%)
CSS
color: #565f66;
CSS variable
--color-565f66: #565f66;
SCSS
$color-565f66: #565f66;
Tailwind
sky-600
Export
:root {
--#565f66-1: #565f66;
}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.