Preview
#403f4f
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.28:1 · vs black: 2.04:1
HEX
#403f4f
RGB
rgb(64, 63, 79)
RGBA
rgba(64, 63, 79, 1)
HSL
hsl(244, 11%, 28%)
HSV
hsv(244, 20%, 31%)
LAB
lab(27.32% 4.32 -9.49)
LCH
lch(27.32% 10.43 294.48)
OKLAB
oklab(0.3751 0.0083 -0.0259)
OKLCH
oklch(0.3751 0.0272 287.77)
XYZ
xyz(5.30, 5.21, 8.12)
CMYK
cmyk(19%, 20%, 0%, 69%)
CSS
color: #403f4f;
CSS variable
--color-403f4f: #403f4f;
SCSS
$color-403f4f: #403f4f;
Tailwind
indigo-700
Export
:root {
--#403f4f-1: #403f4f;
}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.