Preview
#403e51
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.37:1 · vs black: 2.03:1
HEX
#403e51
RGB
rgb(64, 62, 81)
RGBA
rgba(64, 62, 81, 1)
HSL
hsl(246, 13%, 28%)
HSV
hsv(246, 23%, 32%)
LAB
lab(27.1% 5.51 -11.14)
LCH
lch(27.1% 12.43 296.32)
OKLAB
oklab(0.3736 0.0108 -0.0305)
OKLCH
oklch(0.3736 0.0324 289.5)
XYZ
xyz(5.32, 5.13, 8.49)
CMYK
cmyk(21%, 23%, 0%, 68%)
CSS
color: #403e51;
CSS variable
--color-403e51: #403e51;
SCSS
$color-403e51: #403e51;
Tailwind
indigo-700
Export
:root {
--#403e51-1: #403e51;
}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.