Preview
#403e4f
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.4:1 · vs black: 2.02:1
HEX
#403e4f
RGB
rgb(64, 62, 79)
RGBA
rgba(64, 62, 79, 1)
HSL
hsl(247, 12%, 28%)
HSV
hsv(247, 22%, 31%)
LAB
lab(27.02% 4.98 -9.96)
LCH
lch(27.02% 11.14 296.57)
OKLAB
oklab(0.3727 0.0101 -0.0272)
OKLCH
oklch(0.3727 0.029 290.37)
XYZ
xyz(5.25, 5.10, 8.10)
CMYK
cmyk(19%, 22%, 0%, 69%)
CSS
color: #403e4f;
CSS variable
--color-403e4f: #403e4f;
SCSS
$color-403e4f: #403e4f;
Tailwind
indigo-700
Export
:root {
--#403e4f-1: #403e4f;
}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.