Preview
#6964be
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 5.04:1 · vs black: 4.17:1
HEX
#6964be
RGB
rgb(105, 100, 190)
RGBA
rgba(105, 100, 190, 1)
HSL
hsl(243, 41%, 57%)
HSV
hsv(243, 47%, 75%)
LAB
lab(46.76% 25.27 -46.84)
LCH
lch(46.76% 53.22 298.35)
OKLAB
oklab(0.551 0.0318 -0.1328)
OKLCH
oklch(0.551 0.1366 283.47)
XYZ
xyz(19.67, 15.83, 50.72)
CMYK
cmyk(45%, 47%, 0%, 25%)
CSS
color: #6964be;
CSS variable
--color-6964be: #6964be;
SCSS
$color-6964be: #6964be;
Tailwind
indigo-400
Export
:root {
--spectrum-#6964be-1: #6964be;
}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.