Preview
#3c3956
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 10.98:1 · vs black: 1.91:1
HEX
#3c3956
RGB
rgb(60, 57, 86)
RGBA
rgba(60, 57, 86, 1)
HSL
hsl(246, 20%, 28%)
HSV
hsv(246, 34%, 34%)
LAB
lab(25.44% 8.81 -17.01)
LCH
lch(25.44% 19.16 297.38)
OKLAB
oklab(0.3606 0.0157 -0.0472)
OKLCH
oklch(0.3606 0.0497 288.4)
XYZ
xyz(5.01, 4.56, 9.42)
CMYK
cmyk(30%, 34%, 0%, 66%)
CSS
color: #3c3956;
CSS variable
--color-3c3956: #3c3956;
SCSS
$color-3c3956: #3c3956;
Tailwind
indigo-700
Export
:root {
--#3c3956-1: #3c3956;
}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.