Preview
#6666cc
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 4.84:1 · vs black: 4.34:1
HEX
#6666cc
RGB
rgb(102, 102, 204)
RGBA
rgba(102, 102, 204, 1)
HSL
hsl(240, 50%, 60%)
HSV
hsv(240, 50%, 80%)
LAB
lab(47.86% 27.61 -53.15)
LCH
lch(47.86% 59.89 297.45)
OKLAB
oklab(0.5614 0.0273 -0.1514)
OKLCH
oklch(0.5614 0.1538 280.22)
XYZ
xyz(21.13, 16.69, 59.22)
CMYK
cmyk(50%, 50%, 0%, 20%)
CSS
color: #6666cc;
CSS variable
--color-6666cc: #6666cc;
SCSS
$color-6666cc: #6666cc;
Tailwind
indigo-400
Export
:root {
--web-safe-#6666cc-1: #6666cc;
}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.