Preview
#362442
Family: Purple
Accessibility on this swatch:
Contrast vs white: 14.11:1 · vs black: 1.49:1
HEX
#362442
RGB
rgb(54, 36, 66)
RGBA
rgba(54, 36, 66, 1)
HSL
hsl(276, 29%, 20%)
HSV
hsv(276, 45%, 26%)
LAB
lab(17.64% 15.35 -15.74)
LCH
lch(17.64% 21.99 314.28)
OKLAB
oklab(0.2962 0.0377 -0.0436)
OKLCH
oklch(0.2962 0.0576 310.85)
XYZ
xyz(3.14, 2.44, 5.46)
CMYK
cmyk(18%, 45%, 0%, 74%)
CSS
color: #362442;
CSS variable
--color-362442: #362442;
SCSS
$color-362442: #362442;
Tailwind
violet-800
Export
:root {
--#362442-1: #362442;
}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.