Preview
#6a7484
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.73:1 · vs black: 4.44:1
HEX
#6a7484
RGB
rgb(106, 116, 132)
RGBA
rgba(106, 116, 132, 1)
HSL
hsl(217, 11%, 47%)
HSV
hsv(217, 20%, 52%)
LAB
lab(48.54% -0.08 -10.02)
LCH
lch(48.54% 10.02 269.54)
OKLAB
oklab(0.5562 -0.0049 -0.0272)
OKLCH
oklch(0.5562 0.0276 259.79)
XYZ
xyz(16.35, 17.22, 24.29)
CMYK
cmyk(20%, 12%, 0%, 48%)
CSS
color: #6a7484;
CSS variable
--color-6a7484: #6a7484;
SCSS
$color-6a7484: #6a7484;
Tailwind
sky-500
Export
:root {
--#6a7484-1: #6a7484;
}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.