Preview
#54357e
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 9.6:1 · vs black: 2.19:1
HEX
#54357e
RGB
rgb(84, 53, 126)
RGBA
rgba(84, 53, 126, 1)
HSL
hsl(265, 41%, 35%)
HSV
hsv(265, 58%, 49%)
LAB
lab(29.25% 30.23 -36.46)
LCH
lch(29.25% 47.36 309.66)
OKLAB
oklab(0.4028 0.0613 -0.1031)
OKLCH
oklch(0.4028 0.1199 300.73)
XYZ
xyz(8.69, 5.94, 20.42)
CMYK
cmyk(33%, 58%, 0%, 51%)
CSS
color: #54357e;
CSS variable
--color-54357e: #54357e;
SCSS
$color-54357e: #54357e;
Tailwind
violet-600
Export
:root {
--#54357e-1: #54357e;
}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.