Preview
#4842bd
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.53:1 · vs black: 2.79:1
HEX
#4842bd
RGB
rgb(72, 66, 189)
RGBA
rgba(72, 66, 189, 1)
HSL
hsl(243, 48%, 50%)
HSV
hsv(243, 65%, 74%)
LAB
lab(35.88% 39.18 -63.95)
LCH
lch(35.88% 75 301.49)
OKLAB
oklab(0.4636 0.0273 -0.1842)
OKLCH
oklch(0.4636 0.1862 278.43)
XYZ
xyz(13.80, 8.95, 49.13)
CMYK
cmyk(62%, 65%, 0%, 26%)
CSS
color: #4842bd;
CSS variable
--color-4842bd: #4842bd;
SCSS
$color-4842bd: #4842bd;
Tailwind
indigo-500
Export
:root {
--#4842bd-1: #4842bd;
}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.