Preview
#7c7e88
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 4.04:1 · vs black: 5.2:1
HEX
#7c7e88
RGB
rgb(124, 126, 136)
RGBA
rgba(124, 126, 136, 1)
HSL
hsl(230, 5%, 51%)
HSV
hsv(230, 9%, 53%)
LAB
lab(52.93% 1.34 -5.66)
LCH
lch(52.93% 5.82 283.32)
OKLAB
oklab(0.5947 0.0018 -0.0152)
OKLCH
oklch(0.5947 0.0153 276.75)
XYZ
xyz(20.22, 20.98, 26.27)
CMYK
cmyk(9%, 7%, 0%, 47%)
CSS
color: #7c7e88;
CSS variable
--color-7c7e88: #7c7e88;
SCSS
$color-7c7e88: #7c7e88;
Tailwind
slate-400
Export
:root {
--#7c7e88-1: #7c7e88;
}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.