Preview
#7c8490
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.78:1 · vs black: 5.56:1
HEX
#7c8490
RGB
rgb(124, 132, 144)
RGBA
rgba(124, 132, 144, 1)
HSL
hsl(216, 8%, 53%)
HSV
hsv(216, 14%, 56%)
LAB
lab(54.87% -0.35 -7.44)
LCH
lch(54.87% 7.45 267.31)
OKLAB
oklab(0.6107 -0.0041 -0.0201)
OKLCH
oklch(0.6107 0.0205 258.47)
XYZ
xyz(21.60, 22.80, 29.64)
CMYK
cmyk(14%, 8%, 0%, 44%)
CSS
color: #7c8490;
CSS variable
--color-7c8490: #7c8490;
SCSS
$color-7c8490: #7c8490;
Tailwind
sky-400
Export
:root {
--#7c8490-1: #7c8490;
}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.