Preview
#2d2844
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 14.01:1 · vs black: 1.5:1
HEX
#2d2844
RGB
rgb(45, 40, 68)
RGBA
rgba(45, 40, 68, 1)
HSL
hsl(251, 26%, 21%)
HSV
hsv(251, 41%, 27%)
LAB
lab(17.89% 9.89 -16.81)
LCH
lch(17.89% 19.5 300.47)
OKLAB
oklab(0.296 0.0182 -0.0469)
OKLCH
oklch(0.296 0.0503 291.21)
XYZ
xyz(2.88, 2.49, 5.80)
CMYK
cmyk(34%, 41%, 0%, 73%)
CSS
color: #2d2844;
CSS variable
--color-2d2844: #2d2844;
SCSS
$color-2d2844: #2d2844;
Tailwind
indigo-700
Export
:root {
--#2d2844-1: #2d2844;
}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.