Preview
#421658
Family: Purple
Accessibility on this swatch:
Contrast vs white: 14.12:1 · vs black: 1.49:1
HEX
#421658
RGB
rgb(66, 22, 88)
RGBA
rgba(66, 22, 88, 1)
HSL
hsl(280, 60%, 22%)
HSV
hsv(280, 75%, 35%)
LAB
lab(17.63% 33.13 -30.64)
LCH
lch(17.63% 45.13 317.24)
OKLAB
oklab(0.3045 0.078 -0.0865)
OKLCH
oklch(0.3045 0.1165 312.04)
XYZ
xyz(4.29, 2.44, 9.47)
CMYK
cmyk(25%, 75%, 0%, 65%)
CSS
color: #421658;
CSS variable
--color-421658: #421658;
SCSS
$color-421658: #421658;
Tailwind
purple-700
Export
:root {
--#421658-1: #421658;
}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.