Preview
#7a878f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.69:1 · vs black: 5.69:1
HEX
#7a878f
RGB
rgb(122, 135, 143)
RGBA
rgba(122, 135, 143, 1)
HSL
hsl(203, 9%, 52%)
HSV
hsv(203, 15%, 56%)
LAB
lab(55.53% -2.98 -5.89)
LCH
lch(55.53% 6.6 243.16)
OKLAB
oklab(0.6155 -0.0112 -0.0159)
OKLCH
oklch(0.6155 0.0194 234.84)
XYZ
xyz(21.65, 23.45, 29.37)
CMYK
cmyk(15%, 6%, 0%, 44%)
CSS
color: #7a878f;
CSS variable
--color-7a878f: #7a878f;
SCSS
$color-7a878f: #7a878f;
Tailwind
sky-400
Export
:root {
--#7a878f-1: #7a878f;
}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.