Preview
#5049b6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.07:1 · vs black: 2.97:1
HEX
#5049b6
RGB
rgb(80, 73, 182)
RGBA
rgba(80, 73, 182, 1)
HSL
hsl(244, 43%, 50%)
HSV
hsv(244, 60%, 71%)
LAB
lab(37.57% 33.99 -57.06)
LCH
lch(37.57% 66.42 300.78)
OKLAB
oklab(0.4757 0.0314 -0.1637)
OKLCH
oklch(0.4757 0.1667 280.86)
XYZ
xyz(14.13, 9.85, 45.40)
CMYK
cmyk(56%, 60%, 0%, 29%)
CSS
color: #5049b6;
CSS variable
--color-5049b6: #5049b6;
SCSS
$color-5049b6: #5049b6;
Tailwind
indigo-500
Export
:root {
--#5049b6-1: #5049b6;
}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.