Preview
#312a42
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 13.63:1 · vs black: 1.54:1
HEX
#312a42
RGB
rgb(49, 42, 66)
RGBA
rgba(49, 42, 66, 1)
HSL
hsl(258, 22%, 21%)
HSV
hsv(258, 36%, 26%)
LAB
lab(18.81% 9.33 -13.97)
LCH
lch(18.81% 16.8 303.74)
OKLAB
oklab(0.3037 0.0198 -0.0386)
OKLCH
oklch(0.3037 0.0434 297.16)
XYZ
xyz(3.08, 2.70, 5.51)
CMYK
cmyk(26%, 36%, 0%, 74%)
CSS
color: #312a42;
CSS variable
--color-312a42: #312a42;
SCSS
$color-312a42: #312a42;
Tailwind
indigo-700
Export
:root {
--#312a42-1: #312a42;
}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.