Preview
#6c7880
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.53:1 · vs black: 4.64:1
HEX
#6c7880
RGB
rgb(108, 120, 128)
RGBA
rgba(108, 120, 128, 1)
HSL
hsl(204, 8%, 46%)
HSV
hsv(204, 16%, 50%)
LAB
lab(49.71% -2.66 -5.89)
LCH
lch(49.71% 6.46 245.7)
OKLAB
oklab(0.5654 -0.0103 -0.0159)
OKLCH
oklch(0.5654 0.0189 237.06)
XYZ
xyz(16.80, 18.18, 23.04)
CMYK
cmyk(16%, 6%, 0%, 50%)
CSS
color: #6c7880;
CSS variable
--color-6c7880: #6c7880;
SCSS
$color-6c7880: #6c7880;
Tailwind
sky-500
Export
:root {
--#6c7880-1: #6c7880;
}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.