Preview
#2121a6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 11.46:1 · vs black: 1.83:1
HEX
#2121a6
RGB
rgb(33, 33, 166)
RGBA
rgba(33, 33, 166, 1)
HSL
hsl(240, 67%, 39%)
HSV
hsv(240, 80%, 65%)
LAB
lab(24.2% 46.3 -69.55)
LCH
lch(24.2% 83.55 303.65)
OKLAB
oklab(0.3666 0.0024 -0.2014)
OKLCH
oklch(0.3666 0.2014 270.68)
XYZ
xyz(8.05, 4.16, 36.45)
CMYK
cmyk(80%, 80%, 0%, 35%)
CSS
color: #2121a6;
CSS variable
--color-2121a6: #2121a6;
SCSS
$color-2121a6: #2121a6;
Tailwind
indigo-600
Export
:root {
--#2121a6-1: #2121a6;
}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.