Preview
#5444bc
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.17:1 · vs black: 2.93:1
HEX
#5444bc
RGB
rgb(84, 68, 188)
RGBA
rgba(84, 68, 188, 1)
HSL
hsl(248, 47%, 50%)
HSV
hsv(248, 64%, 74%)
LAB
lab(37.2% 39.65 -61.17)
LCH
lch(37.2% 72.9 302.95)
OKLAB
oklab(0.4754 0.0411 -0.1757)
OKLCH
oklch(0.4754 0.1804 283.17)
XYZ
xyz(14.80, 9.65, 48.65)
CMYK
cmyk(55%, 64%, 0%, 26%)
CSS
color: #5444bc;
CSS variable
--color-5444bc: #5444bc;
SCSS
$color-5444bc: #5444bc;
Tailwind
indigo-500
Export
:root {
--#5444bc-1: #5444bc;
}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.