Preview
#7e8290
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.83:1 · vs black: 5.48:1
HEX
#7e8290
RGB
rgb(126, 130, 144)
RGBA
rgba(126, 130, 144, 1)
HSL
hsl(227, 7%, 53%)
HSV
hsv(227, 12%, 56%)
LAB
lab(54.46% 1.49 -8.02)
LCH
lch(54.46% 8.16 280.52)
OKLAB
oklab(0.608 0.0012 -0.0216)
OKLCH
oklch(0.608 0.0216 273.18)
XYZ
xyz(21.62, 22.41, 29.57)
CMYK
cmyk(12%, 10%, 0%, 44%)
CSS
color: #7e8290;
CSS variable
--color-7e8290: #7e8290;
SCSS
$color-7e8290: #7e8290;
Tailwind
slate-400
Export
:root {
--#7e8290-1: #7e8290;
}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.