Preview
#9393bd
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.94:1 · vs black: 7.15:1
HEX
#9393bd
RGB
rgb(147, 147, 189)
RGBA
rgba(147, 147, 189, 1)
HSL
hsl(240, 24%, 66%)
HSV
hsv(240, 22%, 74%)
LAB
lab(62.29% 9.1 -21.75)
LCH
lch(62.29% 23.58 292.7)
OKLAB
oklab(0.6783 0.0156 -0.0596)
OKLCH
oklch(0.6783 0.0616 284.67)
XYZ
xyz(31.65, 30.74, 52.40)
CMYK
cmyk(22%, 22%, 0%, 26%)
CSS
color: #9393bd;
CSS variable
--color-9393bd: #9393bd;
SCSS
$color-9393bd: #9393bd;
Tailwind
indigo-300
Export
:root {
--#9393bd-1: #9393bd;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.