Preview
#3f3c67
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.23:1 · vs black: 2.05:1
HEX
#3f3c67
RGB
rgb(63, 60, 103)
RGBA
rgba(63, 60, 103, 1)
HSL
hsl(244, 26%, 32%)
HSV
hsv(244, 42%, 40%)
LAB
lab(27.48% 12.9 -24.82)
LCH
lch(27.48% 27.97 297.46)
OKLAB
oklab(0.3799 0.0194 -0.0697)
OKLCH
oklch(0.3799 0.0723 285.55)
XYZ
xyz(6.11, 5.27, 13.52)
CMYK
cmyk(39%, 42%, 0%, 60%)
CSS
color: #3f3c67;
CSS variable
--color-3f3c67: #3f3c67;
SCSS
$color-3f3c67: #3f3c67;
Tailwind
indigo-600
Export
:root {
--#3f3c67-1: #3f3c67;
}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.