Preview
#7a7f8c
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.01:1 · vs black: 5.24:1
HEX
#7a7f8c
RGB
rgb(122, 127, 140)
RGBA
rgba(122, 127, 140, 1)
HSL
hsl(223, 7%, 51%)
HSV
hsv(223, 13%, 55%)
LAB
lab(53.18% 0.93 -7.65)
LCH
lch(53.18% 7.71 276.93)
OKLAB
oklab(0.5967 -0.0004 -0.0206)
OKLCH
oklch(0.5967 0.0206 268.89)
XYZ
xyz(20.35, 21.21, 27.83)
CMYK
cmyk(13%, 9%, 0%, 45%)
CSS
color: #7a7f8c;
CSS variable
--color-7a7f8c: #7a7f8c;
SCSS
$color-7a7f8c: #7a7f8c;
Tailwind
slate-400
Export
:root {
--#7a7f8c-1: #7a7f8c;
}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.