Preview
#321eeb
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.33:1 · vs black: 2.52:1
HEX
#321eeb
RGB
rgb(50, 30, 235)
RGBA
rgba(50, 30, 235, 1)
HSL
hsl(246, 84%, 52%)
HSV
hsv(246, 87%, 92%)
LAB
lab(33.14% 68.62 -95.11)
LCH
lch(33.14% 117.28 305.81)
OKLAB
oklab(0.4546 0.006 -0.275)
OKLCH
oklch(0.4546 0.2751 271.25)
XYZ
xyz(16.77, 7.60, 79.16)
CMYK
cmyk(79%, 87%, 0%, 8%)
CSS
color: #321eeb;
CSS variable
--color-321eeb: #321eeb;
SCSS
$color-321eeb: #321eeb;
Tailwind
indigo-400
Export
:root {
--#321eeb-1: #321eeb;
}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.