Preview
#3c3d67
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.22:1 · vs black: 2.06:1
HEX
#3c3d67
RGB
rgb(60, 61, 103)
RGBA
rgba(60, 61, 103, 1)
HSL
hsl(239, 26%, 32%)
HSV
hsv(239, 42%, 40%)
LAB
lab(27.51% 11.32 -24.79)
LCH
lch(27.51% 27.25 294.54)
OKLAB
oklab(0.3794 0.0141 -0.0697)
OKLCH
oklch(0.3794 0.0711 281.44)
XYZ
xyz(5.98, 5.28, 13.53)
CMYK
cmyk(42%, 41%, 0%, 60%)
CSS
color: #3c3d67;
CSS variable
--color-3c3d67: #3c3d67;
SCSS
$color-3c3d67: #3c3d67;
Tailwind
blue-600
Export
:root {
--#3c3d67-1: #3c3d67;
}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.