Preview
#0a0066
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 17.43:1 · vs black: 1.2:1
HEX
#0a0066
RGB
rgb(10, 0, 102)
RGBA
rgba(10, 0, 102, 1)
HSL
hsl(246, 100%, 20%)
HSV
hsv(246, 100%, 40%)
LAB
lab(9.19% 40.58 -54.12)
LCH
lch(9.19% 67.64 306.86)
OKLAB
oklab(0.2358 -0.0034 -0.1562)
OKLCH
oklch(0.2358 0.1562 268.75)
XYZ
xyz(2.52, 1.02, 12.63)
CMYK
cmyk(90%, 100%, 0%, 60%)
CSS
color: #0a0066;
CSS variable
--color-0a0066: #0a0066;
SCSS
$color-0a0066: #0a0066;
Tailwind
indigo-800
Export
:root {
--#0a0066-1: #0a0066;
}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.