Preview
#6c7182
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.86:1 · vs black: 4.32:1
HEX
#6c7182
RGB
rgb(108, 113, 130)
RGBA
rgba(108, 113, 130, 1)
HSL
hsl(226, 9%, 47%)
HSV
hsv(226, 17%, 51%)
LAB
lab(47.76% 1.91 -9.98)
LCH
lch(47.76% 10.16 280.83)
OKLAB
oklab(0.5504 0.0012 -0.0271)
OKLCH
oklch(0.5504 0.0271 272.54)
XYZ
xyz(16.12, 16.61, 23.47)
CMYK
cmyk(17%, 13%, 0%, 49%)
CSS
color: #6c7182;
CSS variable
--color-6c7182: #6c7182;
SCSS
$color-6c7182: #6c7182;
Tailwind
blue-500
Export
:root {
--#6c7182-1: #6c7182;
}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.