Preview
#5e6274
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 6.04:1 · vs black: 3.48:1
HEX
#5e6274
RGB
rgb(94, 98, 116)
RGBA
rgba(94, 98, 116, 1)
HSL
hsl(229, 10%, 41%)
HSV
hsv(229, 19%, 45%)
LAB
lab(41.81% 2.6 -10.64)
LCH
lch(41.81% 10.95 283.73)
OKLAB
oklab(0.4993 0.0027 -0.0289)
OKLCH
oklch(0.4993 0.029 275.34)
XYZ
xyz(12.14, 12.38, 18.27)
CMYK
cmyk(19%, 16%, 0%, 55%)
CSS
color: #5e6274;
CSS variable
--color-5e6274: #5e6274;
SCSS
$color-5e6274: #5e6274;
Tailwind
blue-500
Export
:root {
--#5e6274-1: #5e6274;
}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.