Preview
#2d31b4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 9.5:1 · vs black: 2.21:1
HEX
#2d31b4
RGB
rgb(45, 49, 180)
RGBA
rgba(45, 49, 180, 1)
HSL
hsl(238, 60%, 44%)
HSV
hsv(238, 75%, 71%)
LAB
lab(29.54% 43 -69.12)
LCH
lch(29.54% 81.4 301.89)
OKLAB
oklab(0.4106 0.0072 -0.2)
OKLCH
oklch(0.4106 0.2001 272.06)
XYZ
xyz(10.42, 6.05, 43.79)
CMYK
cmyk(75%, 73%, 0%, 29%)
CSS
color: #2d31b4;
CSS variable
--color-2d31b4: #2d31b4;
SCSS
$color-2d31b4: #2d31b4;
Tailwind
blue-500
Export
:root {
--spectrum-#2d31b4-1: #2d31b4;
}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.