Preview
#302de6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.94:1 · vs black: 2.64:1
HEX
#302de6
RGB
rgb(48, 45, 230)
RGBA
rgba(48, 45, 230, 1)
HSL
hsl(241, 79%, 54%)
HSV
hsv(241, 80%, 90%)
LAB
lab(34.43% 61.19 -90.13)
LCH
lch(34.43% 108.94 304.17)
OKLAB
oklab(0.4614 0.0024 -0.2609)
OKLCH
oklch(0.4614 0.2609 270.53)
XYZ
xyz(16.44, 8.22, 75.57)
CMYK
cmyk(79%, 80%, 0%, 10%)
CSS
color: #302de6;
CSS variable
--color-302de6: #302de6;
SCSS
$color-302de6: #302de6;
Tailwind
indigo-400
Export
:root {
--spectrum-#302de6-1: #302de6;
}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.