Preview
#656e72
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.22:1 · vs black: 4.03:1
HEX
#656e72
RGB
rgb(101, 110, 114)
RGBA
rgba(101, 110, 114, 1)
HSL
hsl(198, 6%, 42%)
HSV
hsv(198, 11%, 45%)
LAB
lab(45.82% -2.52 -3.39)
LCH
lch(45.82% 4.22 233.37)
OKLAB
oklab(0.5319 -0.0088 -0.0091)
OKLCH
oklch(0.5319 0.0127 225.96)
XYZ
xyz(13.98, 15.13, 18.10)
CMYK
cmyk(11%, 4%, 0%, 55%)
CSS
color: #656e72;
CSS variable
--color-656e72: #656e72;
SCSS
$color-656e72: #656e72;
Tailwind
slate-500
Export
:root {
--#656e72-1: #656e72;
}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.