Preview
#656f78
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.12:1 · vs black: 4.1:1
HEX
#656f78
RGB
rgb(101, 111, 120)
RGBA
rgba(101, 111, 120, 1)
HSL
hsl(208, 9%, 43%)
HSV
hsv(208, 16%, 47%)
LAB
lab(46.3% -1.73 -6.27)
LCH
lch(46.3% 6.5 254.57)
OKLAB
oklab(0.5364 -0.0078 -0.0169)
OKLCH
oklch(0.5364 0.0186 245.22)
XYZ
xyz(14.44, 15.49, 19.99)
CMYK
cmyk(16%, 7%, 0%, 53%)
CSS
color: #656f78;
CSS variable
--color-656f78: #656f78;
SCSS
$color-656f78: #656f78;
Tailwind
sky-500
Export
:root {
--#656f78-1: #656f78;
}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.