Preview
#657176
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.03:1 · vs black: 4.18:1
HEX
#657176
RGB
rgb(101, 113, 118)
RGBA
rgba(101, 113, 118, 1)
HSL
hsl(198, 8%, 43%)
HSV
hsv(198, 14%, 46%)
LAB
lab(46.82% -3.37 -4.3)
LCH
lch(46.82% 5.46 231.91)
OKLAB
oklab(0.5403 -0.0117 -0.0116)
OKLCH
oklch(0.5403 0.0165 224.75)
XYZ
xyz(14.54, 15.88, 19.44)
CMYK
cmyk(14%, 4%, 0%, 54%)
CSS
color: #657176;
CSS variable
--color-657176: #657176;
SCSS
$color-657176: #657176;
Tailwind
cyan-500
Export
:root {
--#657176-1: #657176;
}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.