Preview
#3d244c
Family: Purple
Accessibility on this swatch:
Contrast vs white: 13.5:1 · vs black: 1.56:1
HEX
#3d244c
RGB
rgb(61, 36, 76)
RGBA
rgba(61, 36, 76, 1)
HSL
hsl(278, 36%, 22%)
HSV
hsv(278, 53%, 30%)
LAB
lab(19.12% 20.47 -20.2)
LCH
lch(19.12% 28.76 315.38)
OKLAB
oklab(0.3112 0.0499 -0.0563)
OKLCH
oklch(0.3112 0.0752 311.55)
XYZ
xyz(3.86, 2.78, 7.17)
CMYK
cmyk(20%, 53%, 0%, 70%)
CSS
color: #3d244c;
CSS variable
--color-3d244c: #3d244c;
SCSS
$color-3d244c: #3d244c;
Tailwind
violet-700
Export
:root {
--#3d244c-1: #3d244c;
}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.