Preview
#657477
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.86:1 · vs black: 4.32:1
HEX
#657477
RGB
rgb(101, 116, 119)
RGBA
rgba(101, 116, 119, 1)
HSL
hsl(190, 8%, 43%)
HSV
hsv(190, 15%, 47%)
LAB
lab(47.74% -4.89 -3.54)
LCH
lch(47.74% 6.04 215.9)
OKLAB
oklab(0.5476 -0.0159 -0.0096)
OKLCH
oklch(0.5476 0.0186 211.12)
XYZ
xyz(14.94, 16.59, 19.86)
CMYK
cmyk(15%, 3%, 0%, 53%)
CSS
color: #657477;
CSS variable
--color-657477: #657477;
SCSS
$color-657477: #657477;
Tailwind
cyan-500
Export
:root {
--#657477-1: #657477;
}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.