Preview
#483d8b
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 9.07:1 · vs black: 2.32:1
HEX
#483d8b
RGB
rgb(72, 61, 139)
RGBA
rgba(72, 61, 139, 1)
HSL
hsl(248, 39%, 39%)
HSV
hsv(248, 56%, 55%)
LAB
lab(30.83% 26.05 -42.08)
LCH
lch(30.83% 49.49 301.76)
OKLAB
oklab(0.4143 0.0345 -0.12)
OKLCH
oklch(0.4143 0.1249 286.04)
XYZ
xyz(9.00, 6.58, 25.22)
CMYK
cmyk(48%, 56%, 0%, 45%)
CSS
color: #483d8b;
CSS variable
--color-483d8b: #483d8b;
SCSS
$color-483d8b: #483d8b;
Tailwind
indigo-600
Export
:root {
--darkslateblue-1: #483d8b;
}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.