Preview
#1a163f
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 17.07:1 · vs black: 1.23:1
HEX
#1a163f
RGB
rgb(26, 22, 63)
RGBA
rgba(26, 22, 63, 1)
HSL
hsl(246, 48%, 17%)
HSV
hsv(246, 65%, 25%)
LAB
lab(10.2% 15.47 -25.67)
LCH
lch(10.2% 29.97 301.08)
OKLAB
oklab(0.2322 0.0173 -0.0734)
OKLCH
oklch(0.2322 0.0754 283.26)
XYZ
xyz(1.61, 1.15, 4.84)
CMYK
cmyk(59%, 65%, 0%, 75%)
CSS
color: #1a163f;
CSS variable
--color-1a163f: #1a163f;
SCSS
$color-1a163f: #1a163f;
Tailwind
indigo-800
Export
:root {
--#1a163f-1: #1a163f;
}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.