Preview
#656f76
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.14:1 · vs black: 4.09:1
HEX
#656f76
RGB
rgb(101, 111, 118)
RGBA
rgba(101, 111, 118, 1)
HSL
hsl(205, 8%, 43%)
HSV
hsv(205, 14%, 46%)
LAB
lab(46.24% -2.2 -5.17)
LCH
lch(46.24% 5.62 246.95)
OKLAB
oklab(0.5356 -0.0086 -0.0139)
OKLCH
oklch(0.5356 0.0163 238.25)
XYZ
xyz(14.32, 15.44, 19.36)
CMYK
cmyk(14%, 6%, 0%, 54%)
CSS
color: #656f76;
CSS variable
--color-656f76: #656f76;
SCSS
$color-656f76: #656f76;
Tailwind
sky-500
Export
:root {
--#656f76-1: #656f76;
}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.