Preview
#331438
Family: Purple
Accessibility on this swatch:
Contrast vs white: 16.18:1 · vs black: 1.3:1
HEX
#331438
RGB
rgb(51, 20, 56)
RGBA
rgba(51, 20, 56, 1)
HSL
hsl(292, 47%, 15%)
HSV
hsv(292, 64%, 22%)
LAB
lab(12.54% 22.2 -16.75)
LCH
lch(12.54% 27.81 322.97)
OKLAB
oklab(0.2554 0.0592 -0.0464)
OKLCH
oklch(0.2554 0.0752 321.91)
XYZ
xyz(2.33, 1.49, 3.91)
CMYK
cmyk(9%, 64%, 0%, 78%)
CSS
color: #331438;
CSS variable
--color-331438: #331438;
SCSS
$color-331438: #331438;
Tailwind
purple-800
Export
:root {
--#331438-1: #331438;
}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.