Preview
#221c4a
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 15.75:1 · vs black: 1.33:1
HEX
#221c4a
RGB
rgb(34, 28, 74)
RGBA
rgba(34, 28, 74, 1)
HSL
hsl(248, 45%, 20%)
HSV
hsv(248, 62%, 29%)
LAB
lab(13.62% 17.17 -27.8)
LCH
lch(13.62% 32.67 301.7)
OKLAB
oklab(0.2624 0.0215 -0.0794)
OKLCH
oklch(0.2624 0.0823 285.15)
XYZ
xyz(2.31, 1.66, 6.68)
CMYK
cmyk(54%, 62%, 0%, 71%)
CSS
color: #221c4a;
CSS variable
--color-221c4a: #221c4a;
SCSS
$color-221c4a: #221c4a;
Tailwind
indigo-800
Export
:root {
--#221c4a-1: #221c4a;
}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.