Preview
#18163f
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 17.14:1 · vs black: 1.23:1
HEX
#18163f
RGB
rgb(24, 22, 63)
RGBA
rgba(24, 22, 63, 1)
HSL
hsl(243, 48%, 17%)
HSV
hsv(243, 65%, 25%)
LAB
lab(10.01% 14.99 -25.99)
LCH
lch(10.01% 30 299.97)
OKLAB
oklab(0.2303 0.0142 -0.0745)
OKLCH
oklch(0.2303 0.0758 280.79)
XYZ
xyz(1.56, 1.13, 4.84)
CMYK
cmyk(62%, 65%, 0%, 75%)
CSS
color: #18163f;
CSS variable
--color-18163f: #18163f;
SCSS
$color-18163f: #18163f;
Tailwind
indigo-800
Export
:root {
--#18163f-1: #18163f;
}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.