Preview
#7f8790
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 3.64:1 · vs black: 5.77:1
HEX
#7f8790
RGB
rgb(127, 135, 144)
RGBA
rgba(127, 135, 144, 1)
HSL
hsl(212, 7%, 53%)
HSV
hsv(212, 12%, 56%)
LAB
lab(55.94% -1.02 -5.82)
LCH
lch(55.94% 5.91 260.06)
OKLAB
oklab(0.6198 -0.0053 -0.0157)
OKLCH
oklch(0.6198 0.0166 251.35)
XYZ
xyz(22.45, 23.85, 29.80)
CMYK
cmyk(12%, 6%, 0%, 44%)
CSS
color: #7f8790;
CSS variable
--color-7f8790: #7f8790;
SCSS
$color-7f8790: #7f8790;
Tailwind
slate-400
Export
:root {
--#7f8790-1: #7f8790;
}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.