Preview
#7c818b
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.91:1 · vs black: 5.37:1
HEX
#7c818b
RGB
rgb(124, 129, 139)
RGBA
rgba(124, 129, 139, 1)
HSL
hsl(220, 6%, 52%)
HSV
hsv(220, 11%, 55%)
LAB
lab(53.87% 0.26 -6.02)
LCH
lch(53.87% 6.03 272.47)
OKLAB
oklab(0.6024 -0.0016 -0.0162)
OKLCH
oklch(0.6024 0.0163 264.36)
XYZ
xyz(20.82, 21.85, 27.54)
CMYK
cmyk(11%, 7%, 0%, 45%)
CSS
color: #7c818b;
CSS variable
--color-7c818b: #7c818b;
SCSS
$color-7c818b: #7c818b;
Tailwind
slate-400
Export
:root {
--#7c818b-1: #7c818b;
}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.