Preview
#504b5c
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.39:1 · vs black: 2.5:1
HEX
#504b5c
RGB
rgb(80, 75, 92)
RGBA
rgba(80, 75, 92, 1)
HSL
hsl(258, 10%, 33%)
HSV
hsv(258, 18%, 36%)
LAB
lab(32.94% 5.91 -9.23)
LCH
lch(32.94% 10.96 302.63)
OKLAB
oklab(0.4241 0.0136 -0.025)
OKLCH
oklch(0.4241 0.0285 298.55)
XYZ
xyz(7.76, 7.51, 11.16)
CMYK
cmyk(13%, 18%, 0%, 64%)
CSS
color: #504b5c;
CSS variable
--color-504b5c: #504b5c;
SCSS
$color-504b5c: #504b5c;
Tailwind
indigo-600
Export
:root {
--#504b5c-1: #504b5c;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.