Preview
#452a60
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 11.98:1 · vs black: 1.75:1
HEX
#452a60
RGB
rgb(69, 42, 96)
RGBA
rgba(69, 42, 96, 1)
HSL
hsl(270, 39%, 27%)
HSV
hsv(270, 56%, 38%)
LAB
lab(22.88% 24.54 -27.52)
LCH
lch(22.88% 36.87 311.72)
OKLAB
oklab(0.3454 0.0543 -0.0774)
OKLCH
oklch(0.3454 0.0945 305.05)
XYZ
xyz(5.39, 3.77, 11.51)
CMYK
cmyk(28%, 56%, 0%, 62%)
CSS
color: #452a60;
CSS variable
--color-452a60: #452a60;
SCSS
$color-452a60: #452a60;
Tailwind
violet-700
Export
:root {
--#452a60-1: #452a60;
}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.