Preview
#220d3a
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 17.7:1 · vs black: 1.19:1
HEX
#220d3a
RGB
rgb(34, 13, 58)
RGBA
rgba(34, 13, 58, 1)
HSL
hsl(268, 63%, 14%)
HSV
hsv(268, 78%, 23%)
LAB
lab(8.42% 21.99 -24.92)
LCH
lch(8.42% 33.24 311.43)
OKLAB
oklab(0.2202 0.043 -0.0709)
OKLCH
oklch(0.2202 0.0829 301.24)
XYZ
xyz(1.57, 0.93, 4.10)
CMYK
cmyk(41%, 78%, 0%, 77%)
CSS
color: #220d3a;
CSS variable
--color-220d3a: #220d3a;
SCSS
$color-220d3a: #220d3a;
Tailwind
violet-800
Export
:root {
--#220d3a-1: #220d3a;
}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.