Preview
#1d1a39
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 16.68:1 · vs black: 1.26:1
HEX
#1d1a39
RGB
rgb(29, 26, 57)
RGBA
rgba(29, 26, 57, 1)
HSL
hsl(246, 37%, 16%)
HSV
hsv(246, 54%, 22%)
LAB
lab(11.24% 11.1 -19.71)
LCH
lch(11.24% 22.62 299.39)
OKLAB
oklab(0.2393 0.0155 -0.0558)
OKLCH
oklch(0.2393 0.0579 285.52)
XYZ
xyz(1.61, 1.30, 4.04)
CMYK
cmyk(49%, 54%, 0%, 78%)
CSS
color: #1d1a39;
CSS variable
--color-1d1a39: #1d1a39;
SCSS
$color-1d1a39: #1d1a39;
Tailwind
indigo-800
Export
:root {
--#1d1a39-1: #1d1a39;
}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.