Preview
#7e8494
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.74:1 · vs black: 5.62:1
HEX
#7e8494
RGB
rgb(126, 132, 148)
RGBA
rgba(126, 132, 148, 1)
HSL
hsl(224, 9%, 54%)
HSV
hsv(224, 15%, 58%)
LAB
lab(55.15% 1.24 -9.32)
LCH
lch(55.15% 9.4 277.58)
OKLAB
oklab(0.6138 -0.0003 -0.0252)
OKLCH
oklch(0.6138 0.0252 269.32)
XYZ
xyz(22.20, 23.08, 31.30)
CMYK
cmyk(15%, 11%, 0%, 42%)
CSS
color: #7e8494;
CSS variable
--color-7e8494: #7e8494;
SCSS
$color-7e8494: #7e8494;
Tailwind
blue-400
Export
:root {
--#7e8494-1: #7e8494;
}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.