Preview
#505455
Family: Blue Grey
Accessibility on this swatch:
Contrast vs white: 7.66:1 · vs black: 2.74:1
HEX
#505455
RGB
rgb(80, 84, 85)
RGBA
rgba(80, 84, 85, 1)
HSL
hsl(192, 3%, 32%)
HSV
hsv(192, 6%, 33%)
LAB
lab(35.4% -1.37 -1.14)
LCH
lch(35.4% 1.78 219.76)
OKLAB
oklab(0.4426 -0.0045 -0.0031)
OKLCH
oklch(0.4426 0.0055 214.56)
XYZ
xyz(8.12, 8.70, 9.84)
CMYK
cmyk(6%, 1%, 0%, 67%)
CSS
color: #505455;
CSS variable
--color-505455: #505455;
SCSS
$color-505455: #505455;
Tailwind
slate-600
Export
:root {
--#505455-1: #505455;
}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.