Preview
#100e24
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 18.91:1 · vs black: 1.11:1
HEX
#100e24
RGB
rgb(16, 14, 36)
RGBA
rgba(16, 14, 36, 1)
HSL
hsl(245, 44%, 10%)
HSV
hsv(245, 61%, 14%)
LAB
lab(4.98% 6.75 -14.19)
LCH
lch(4.98% 15.71 295.44)
OKLAB
oklab(0.18 0.0116 -0.0426)
OKLCH
oklch(0.18 0.0442 285.23)
XYZ
xyz(0.69, 0.55, 1.74)
CMYK
cmyk(56%, 61%, 0%, 86%)
CSS
color: #100e24;
CSS variable
--color-100e24: #100e24;
SCSS
$color-100e24: #100e24;
Tailwind
indigo-900
Export
:root {
--#100e24-1: #100e24;
}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.