Preview
#53008a
Family: Purple
Accessibility on this swatch:
Contrast vs white: 12.11:1 · vs black: 1.73:1
HEX
#53008a
RGB
rgb(83, 0, 138)
RGBA
rgba(83, 0, 138, 1)
HSL
hsl(276, 100%, 27%)
HSV
hsv(276, 100%, 54%)
LAB
lab(22.56% 54.3 -54.86)
LCH
lch(22.56% 77.19 314.71)
OKLAB
oklab(0.3582 0.1032 -0.1568)
OKLCH
oklch(0.3582 0.1877 303.35)
XYZ
xyz(8.15, 3.67, 24.32)
CMYK
cmyk(40%, 100%, 0%, 46%)
CSS
color: #53008a;
CSS variable
--color-53008a: #53008a;
SCSS
$color-53008a: #53008a;
Tailwind
violet-700
Export
:root {
--#53008a-1: #53008a;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.