Preview
#504a5e
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.46:1 · vs black: 2.48:1
HEX
#504a5e
RGB
rgb(80, 74, 94)
RGBA
rgba(80, 74, 94, 1)
HSL
hsl(258, 12%, 33%)
HSV
hsv(258, 21%, 37%)
LAB
lab(32.73% 7.05 -10.83)
LCH
lch(32.73% 12.92 303.06)
OKLAB
oklab(0.4227 0.0161 -0.0294)
OKLCH
oklch(0.4227 0.0335 298.71)
XYZ
xyz(7.78, 7.41, 11.61)
CMYK
cmyk(15%, 21%, 0%, 63%)
CSS
color: #504a5e;
CSS variable
--color-504a5e: #504a5e;
SCSS
$color-504a5e: #504a5e;
Tailwind
indigo-600
Export
:root {
--#504a5e-1: #504a5e;
}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.