Preview
#2c2a43
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 13.82:1 · vs black: 1.52:1
HEX
#2c2a43
RGB
rgb(44, 42, 67)
RGBA
rgba(44, 42, 67, 1)
HSL
hsl(245, 23%, 21%)
HSV
hsv(245, 37%, 26%)
LAB
lab(18.35% 7.81 -15.41)
LCH
lch(18.35% 17.28 296.88)
OKLAB
oklab(0.2991 0.0131 -0.0429)
OKLCH
oklch(0.2991 0.0449 286.98)
XYZ
xyz(2.88, 2.60, 5.66)
CMYK
cmyk(34%, 37%, 0%, 74%)
CSS
color: #2c2a43;
CSS variable
--color-2c2a43: #2c2a43;
SCSS
$color-2c2a43: #2c2a43;
Tailwind
indigo-700
Export
:root {
--#2c2a43-1: #2c2a43;
}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.