Preview
#4133bc
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.66:1 · vs black: 2.42:1
HEX
#4133bc
RGB
rgb(65, 51, 188)
RGBA
rgba(65, 51, 188, 1)
HSL
hsl(246, 57%, 47%)
HSV
hsv(246, 73%, 74%)
LAB
lab(32.08% 46.6 -69.62)
LCH
lch(32.08% 83.78 303.8)
OKLAB
oklab(0.4346 0.0294 -0.201)
OKLCH
oklch(0.4346 0.2031 278.32)
XYZ
xyz(12.44, 7.12, 48.29)
CMYK
cmyk(65%, 73%, 0%, 26%)
CSS
color: #4133bc;
CSS variable
--color-4133bc: #4133bc;
SCSS
$color-4133bc: #4133bc;
Tailwind
indigo-500
Export
:root {
--#4133bc-1: #4133bc;
}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.