Preview
#310d8c
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 13.4:1 · vs black: 1.57:1
HEX
#310d8c
RGB
rgb(49, 13, 140)
RGBA
rgba(49, 13, 140, 1)
HSL
hsl(257, 83%, 30%)
HSV
hsv(257, 91%, 55%)
LAB
lab(19.37% 48.21 -61.54)
LCH
lch(19.37% 78.18 308.07)
OKLAB
oklab(0.3273 0.0397 -0.1775)
OKLCH
oklch(0.3273 0.1819 282.61)
XYZ
xyz(6.14, 2.83, 25.03)
CMYK
cmyk(65%, 91%, 0%, 45%)
CSS
color: #310d8c;
CSS variable
--color-310d8c: #310d8c;
SCSS
$color-310d8c: #310d8c;
Tailwind
indigo-700
Export
:root {
--#310d8c-1: #310d8c;
}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.