Preview
#342a3f
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 13.56:1 · vs black: 1.55:1
HEX
#342a3f
RGB
rgb(52, 42, 63)
RGBA
rgba(52, 42, 63, 1)
HSL
hsl(269, 20%, 21%)
HSV
hsv(269, 33%, 25%)
LAB
lab(18.99% 9.63 -11.6)
LCH
lch(18.99% 15.08 309.7)
OKLAB
oklab(0.3054 0.0231 -0.0318)
OKLCH
oklch(0.3054 0.0393 306)
XYZ
xyz(3.14, 2.74, 5.07)
CMYK
cmyk(17%, 33%, 0%, 75%)
CSS
color: #342a3f;
CSS variable
--color-342a3f: #342a3f;
SCSS
$color-342a3f: #342a3f;
Tailwind
violet-700
Export
:root {
--#342a3f-1: #342a3f;
}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.