Preview
#4d515f
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.9:1 · vs black: 2.66:1
HEX
#4d515f
RGB
rgb(77, 81, 95)
RGBA
rgba(77, 81, 95, 1)
HSL
hsl(227, 10%, 34%)
HSV
hsv(227, 19%, 37%)
LAB
lab(34.58% 1.74 -8.68)
LCH
lch(34.58% 8.85 281.34)
OKLAB
oklab(0.4366 0.0012 -0.0236)
OKLCH
oklch(0.4366 0.0236 272.91)
XYZ
xyz(8.07, 8.29, 12.00)
CMYK
cmyk(19%, 15%, 0%, 63%)
CSS
color: #4d515f;
CSS variable
--color-4d515f: #4d515f;
SCSS
$color-4d515f: #4d515f;
Tailwind
blue-600
Export
:root {
--#4d515f-1: #4d515f;
}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.