Preview
#4e515e
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.89:1 · vs black: 2.66:1
HEX
#4e515e
RGB
rgb(78, 81, 94)
RGBA
rgba(78, 81, 94, 1)
HSL
hsl(229, 9%, 34%)
HSV
hsv(229, 17%, 37%)
LAB
lab(34.63% 1.86 -7.97)
LCH
lch(34.63% 8.18 283.14)
OKLAB
oklab(0.4371 0.002 -0.0216)
OKLCH
oklch(0.4371 0.0217 275.29)
XYZ
xyz(8.10, 8.31, 11.77)
CMYK
cmyk(17%, 14%, 0%, 63%)
CSS
color: #4e515e;
CSS variable
--color-4e515e: #4e515e;
SCSS
$color-4e515e: #4e515e;
Tailwind
blue-600
Export
:root {
--#4e515e-1: #4e515e;
}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.