Preview
#2100a3
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 13.18:1 · vs black: 1.59:1
HEX
#2100a3
RGB
rgb(33, 0, 163)
RGBA
rgba(33, 0, 163, 1)
HSL
hsl(252, 100%, 32%)
HSV
hsv(252, 100%, 64%)
LAB
lab(19.91% 57.12 -74.87)
LCH
lch(19.91% 94.17 307.34)
OKLAB
oklab(0.3362 0.0082 -0.2161)
OKLCH
oklch(0.3362 0.2163 272.17)
XYZ
xyz(7.24, 2.97, 34.83)
CMYK
cmyk(80%, 100%, 0%, 36%)
CSS
color: #2100a3;
CSS variable
--color-2100a3: #2100a3;
SCSS
$color-2100a3: #2100a3;
Tailwind
indigo-600
Export
:root {
--#2100a3-1: #2100a3;
}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.