Preview
#503676
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 9.86:1 · vs black: 2.13:1
HEX
#503676
RGB
rgb(80, 54, 118)
RGBA
rgba(80, 54, 118, 1)
HSL
hsl(264, 37%, 34%)
HSV
hsv(264, 54%, 46%)
LAB
lab(28.52% 26.29 -32.63)
LCH
lch(28.52% 41.9 308.86)
OKLAB
oklab(0.3947 0.0538 -0.092)
OKLCH
oklch(0.3947 0.1066 300.32)
XYZ
xyz(7.90, 5.65, 17.81)
CMYK
cmyk(32%, 54%, 0%, 54%)
CSS
color: #503676;
CSS variable
--color-503676: #503676;
SCSS
$color-503676: #503676;
Tailwind
violet-600
Export
:root {
--#503676-1: #503676;
}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.