Preview
#1f1945
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 16.36:1 · vs black: 1.28:1
HEX
#1f1945
RGB
rgb(31, 25, 69)
RGBA
rgba(31, 25, 69, 1)
HSL
hsl(248, 47%, 18%)
HSV
hsv(248, 64%, 27%)
LAB
lab(12.06% 16.76 -26.86)
LCH
lch(12.06% 31.66 301.96)
OKLAB
oklab(0.2488 0.0209 -0.0767)
OKLCH
oklch(0.2488 0.0795 285.24)
XYZ
xyz(1.99, 1.42, 5.80)
CMYK
cmyk(55%, 64%, 0%, 73%)
CSS
color: #1f1945;
CSS variable
--color-1f1945: #1f1945;
SCSS
$color-1f1945: #1f1945;
Tailwind
indigo-800
Export
:root {
--#1f1945-1: #1f1945;
}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.