Preview
#4b515d
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.97:1 · vs black: 2.63:1
HEX
#4b515d
RGB
rgb(75, 81, 93)
RGBA
rgba(75, 81, 93, 1)
HSL
hsl(220, 11%, 33%)
HSV
hsv(220, 19%, 36%)
LAB
lab(34.34% 0.49 -7.8)
LCH
lch(34.34% 7.82 273.59)
OKLAB
oklab(0.4341 -0.0021 -0.0212)
OKLCH
oklch(0.4341 0.0213 264.34)
XYZ
xyz(7.82, 8.17, 11.52)
CMYK
cmyk(19%, 13%, 0%, 64%)
CSS
color: #4b515d;
CSS variable
--color-4b515d: #4b515d;
SCSS
$color-4b515d: #4b515d;
Tailwind
blue-600
Export
:root {
--#4b515d-1: #4b515d;
}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.