Preview
#5400a8
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 10.81:1 · vs black: 1.94:1
HEX
#5400a8
RGB
rgb(84, 0, 168)
RGBA
rgba(84, 0, 168, 1)
HSL
hsl(270, 100%, 33%)
HSV
hsv(270, 100%, 66%)
LAB
lab(25.9% 61 -67.81)
LCH
lch(25.9% 91.21 311.97)
OKLAB
oklab(0.3904 0.0902 -0.1947)
OKLCH
oklch(0.3904 0.2146 294.86)
XYZ
xyz(10.72, 4.71, 37.38)
CMYK
cmyk(50%, 100%, 0%, 34%)
CSS
color: #5400a8;
CSS variable
--color-5400a8: #5400a8;
SCSS
$color-5400a8: #5400a8;
Tailwind
violet-600
Export
:root {
--#5400a8-1: #5400a8;
}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.