Preview
#3b3ba0
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 9.06:1 · vs black: 2.32:1
HEX
#3b3ba0
RGB
rgb(59, 59, 160)
RGBA
rgba(59, 59, 160, 1)
HSL
hsl(240, 46%, 43%)
HSV
hsv(240, 63%, 63%)
LAB
lab(30.87% 31.73 -54.9)
LCH
lch(30.87% 63.41 300.03)
OKLAB
oklab(0.417 0.0193 -0.1581)
OKLCH
oklch(0.417 0.1593 276.96)
XYZ
xyz(9.71, 6.60, 34.01)
CMYK
cmyk(63%, 63%, 0%, 37%)
CSS
color: #3b3ba0;
CSS variable
--color-3b3ba0: #3b3ba0;
SCSS
$color-3b3ba0: #3b3ba0;
Tailwind
indigo-500
Export
:root {
--#3b3ba0-1: #3b3ba0;
}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.