Preview
#2828c6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 9.51:1 · vs black: 2.21:1
HEX
#2828c6
RGB
rgb(40, 40, 198)
RGBA
rgba(40, 40, 198, 1)
HSL
hsl(240, 66%, 47%)
HSV
hsv(240, 80%, 78%)
LAB
lab(29.52% 53.37 -79.78)
LCH
lch(29.52% 95.99 303.78)
OKLAB
oklab(0.4156 0.0017 -0.231)
OKLCH
oklch(0.4156 0.231 270.42)
XYZ
xyz(11.82, 6.04, 53.96)
CMYK
cmyk(80%, 80%, 0%, 22%)
CSS
color: #2828c6;
CSS variable
--color-2828c6: #2828c6;
SCSS
$color-2828c6: #2828c6;
Tailwind
indigo-500
Export
:root {
--#2828c6-1: #2828c6;
}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.