Preview
#4d5160
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.89:1 · vs black: 2.66:1
HEX
#4d5160
RGB
rgb(77, 81, 96)
RGBA
rgba(77, 81, 96, 1)
HSL
hsl(227, 11%, 34%)
HSV
hsv(227, 20%, 38%)
LAB
lab(34.61% 1.99 -9.26)
LCH
lch(34.61% 9.47 282.13)
OKLAB
oklab(0.437 0.0016 -0.0252)
OKLCH
oklch(0.437 0.0253 273.63)
XYZ
xyz(8.11, 8.31, 12.24)
CMYK
cmyk(20%, 16%, 0%, 62%)
CSS
color: #4d5160;
CSS variable
--color-4d5160: #4d5160;
SCSS
$color-4d5160: #4d5160;
Tailwind
blue-600
Export
:root {
--#4d5160-1: #4d5160;
}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.