Preview
#54476b
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.43:1 · vs black: 2.49:1
HEX
#54476b
RGB
rgb(84, 71, 107)
RGBA
rgba(84, 71, 107, 1)
HSL
hsl(262, 20%, 35%)
HSV
hsv(262, 34%, 42%)
LAB
lab(32.82% 13.73 -18.88)
LCH
lch(32.82% 23.34 306.03)
OKLAB
oklab(0.4262 0.0306 -0.0521)
OKLCH
oklch(0.4262 0.0604 300.43)
XYZ
xyz(8.56, 7.45, 14.89)
CMYK
cmyk(21%, 34%, 0%, 58%)
CSS
color: #54476b;
CSS variable
--color-54476b: #54476b;
SCSS
$color-54476b: #54476b;
Tailwind
violet-600
Export
:root {
--#54476b-1: #54476b;
}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.