Preview
#504861
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.6:1 · vs black: 2.44:1
HEX
#504861
RGB
rgb(80, 72, 97)
RGBA
rgba(80, 72, 97, 1)
HSL
hsl(259, 15%, 33%)
HSV
hsv(259, 26%, 38%)
LAB
lab(32.27% 9.08 -13.43)
LCH
lch(32.27% 16.21 304.06)
OKLAB
oklab(0.4196 0.0206 -0.0367)
OKLCH
oklch(0.4196 0.0421 299.31)
XYZ
xyz(7.78, 7.20, 12.29)
CMYK
cmyk(18%, 26%, 0%, 62%)
CSS
color: #504861;
CSS variable
--color-504861: #504861;
SCSS
$color-504861: #504861;
Tailwind
indigo-600
Export
:root {
--#504861-1: #504861;
}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.