Preview
#1f1e48
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 15.7:1 · vs black: 1.34:1
HEX
#1f1e48
RGB
rgb(31, 30, 72)
RGBA
rgba(31, 30, 72, 1)
HSL
hsl(241, 41%, 20%)
HSV
hsv(241, 58%, 28%)
LAB
lab(13.75% 14.22 -26.22)
LCH
lch(13.75% 29.83 298.47)
OKLAB
oklab(0.2622 0.0143 -0.0748)
OKLCH
oklch(0.2622 0.0762 280.82)
XYZ
xyz(2.20, 1.69, 6.34)
CMYK
cmyk(57%, 58%, 0%, 72%)
CSS
color: #1f1e48;
CSS variable
--color-1f1e48: #1f1e48;
SCSS
$color-1f1e48: #1f1e48;
Tailwind
indigo-800
Export
:root {
--#1f1e48-1: #1f1e48;
}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.