Preview
#6a6d7c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 5.13:1 · vs black: 4.09:1
HEX
#6a6d7c
RGB
rgb(106, 109, 124)
RGBA
rgba(106, 109, 124, 1)
HSL
hsl(230, 8%, 45%)
HSV
hsv(230, 15%, 49%)
LAB
lab(46.25% 2.17 -8.69)
LCH
lch(46.25% 8.96 284.02)
OKLAB
oklab(0.5374 0.0027 -0.0235)
OKLCH
oklch(0.5374 0.0237 276.55)
XYZ
xyz(15.05, 15.46, 21.26)
CMYK
cmyk(15%, 12%, 0%, 51%)
CSS
color: #6a6d7c;
CSS variable
--color-6a6d7c: #6a6d7c;
SCSS
$color-6a6d7c: #6a6d7c;
Tailwind
blue-500
Export
:root {
--#6a6d7c-1: #6a6d7c;
}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.