Preview
#646879
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.53:1 · vs black: 3.8:1
HEX
#646879
RGB
rgb(100, 104, 121)
RGBA
rgba(100, 104, 121, 1)
HSL
hsl(229, 10%, 43%)
HSV
hsv(229, 17%, 47%)
LAB
lab(44.22% 2.31 -9.99)
LCH
lch(44.22% 10.25 283.02)
OKLAB
oklab(0.5199 0.0024 -0.0271)
OKLCH
oklch(0.5199 0.0272 275.06)
XYZ
xyz(13.66, 13.99, 20.07)
CMYK
cmyk(17%, 14%, 0%, 53%)
CSS
color: #646879;
CSS variable
--color-646879: #646879;
SCSS
$color-646879: #646879;
Tailwind
blue-500
Export
:root {
--#646879-1: #646879;
}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.