Preview
#2e2e57
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.77:1 · vs black: 1.64:1
HEX
#2e2e57
RGB
rgb(46, 46, 87)
RGBA
rgba(46, 46, 87, 1)
HSL
hsl(240, 31%, 26%)
HSV
hsv(240, 47%, 34%)
LAB
lab(20.91% 12.21 -24.86)
LCH
lch(20.91% 27.7 296.16)
OKLAB
oklab(0.323 0.0144 -0.0703)
OKLCH
oklch(0.323 0.0718 281.58)
XYZ
xyz(3.82, 3.22, 9.44)
CMYK
cmyk(47%, 47%, 0%, 66%)
CSS
color: #2e2e57;
CSS variable
--color-2e2e57: #2e2e57;
SCSS
$color-2e2e57: #2e2e57;
Tailwind
indigo-700
Export
:root {
--#2e2e57-1: #2e2e57;
}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.