Preview
#66787f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.61:1 · vs black: 4.56:1
HEX
#66787f
RGB
rgb(102, 120, 127)
RGBA
rgba(102, 120, 127, 1)
HSL
hsl(197, 11%, 45%)
HSV
hsv(197, 20%, 50%)
LAB
lab(49.24% -4.98 -6.05)
LCH
lch(49.24% 7.84 230.54)
OKLAB
oklab(0.5605 -0.0174 -0.0164)
OKLCH
oklch(0.5605 0.0239 223.31)
XYZ
xyz(16.03, 17.79, 22.66)
CMYK
cmyk(20%, 6%, 0%, 50%)
CSS
color: #66787f;
CSS variable
--color-66787f: #66787f;
SCSS
$color-66787f: #66787f;
Tailwind
cyan-500
Export
:root {
--#66787f-1: #66787f;
}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.