Preview
#4e5155
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.98:1 · vs black: 2.63:1
HEX
#4e5155
RGB
rgb(78, 81, 85)
RGBA
rgba(78, 81, 85, 1)
HSL
hsl(214, 4%, 32%)
HSV
hsv(214, 8%, 33%)
LAB
lab(34.31% -0.3 -2.76)
LCH
lch(34.31% 2.78 263.8)
OKLAB
oklab(0.4336 -0.0019 -0.0074)
OKLCH
oklch(0.4336 0.0076 255.6)
XYZ
xyz(7.72, 8.16, 9.76)
CMYK
cmyk(8%, 5%, 0%, 67%)
CSS
color: #4e5155;
CSS variable
--color-4e5155: #4e5155;
SCSS
$color-4e5155: #4e5155;
Tailwind
slate-600
Export
:root {
--#4e5155-1: #4e5155;
}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.