Preview
#2f2668
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 13.14:1 · vs black: 1.6:1
HEX
#2f2668
RGB
rgb(47, 38, 104)
RGBA
rgba(47, 38, 104, 1)
HSL
hsl(248, 46%, 28%)
HSV
hsv(248, 63%, 41%)
LAB
lab(20% 23.85 -37.51)
LCH
lch(20% 44.45 302.45)
OKLAB
oklab(0.3203 0.0277 -0.1074)
OKLCH
oklch(0.3203 0.1109 284.46)
XYZ
xyz(4.36, 2.99, 13.44)
CMYK
cmyk(55%, 63%, 0%, 59%)
CSS
color: #2f2668;
CSS variable
--color-2f2668: #2f2668;
SCSS
$color-2f2668: #2f2668;
Tailwind
indigo-700
Export
:root {
--#2f2668-1: #2f2668;
}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.