Preview
#2f2f4b
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.89:1 · vs black: 1.63:1
HEX
#2f2f4b
RGB
rgb(47, 47, 75)
RGBA
rgba(47, 47, 75, 1)
HSL
hsl(240, 23%, 24%)
HSV
hsv(240, 37%, 29%)
LAB
lab(20.62% 7.86 -17.29)
LCH
lch(20.62% 18.99 294.45)
OKLAB
oklab(0.3186 0.0113 -0.0482)
OKLCH
oklch(0.3186 0.0495 283.19)
XYZ
xyz(3.46, 3.15, 7.08)
CMYK
cmyk(37%, 37%, 0%, 71%)
CSS
color: #2f2f4b;
CSS variable
--color-2f2f4b: #2f2f4b;
SCSS
$color-2f2f4b: #2f2f4b;
Tailwind
indigo-700
Export
:root {
--#2f2f4b-1: #2f2f4b;
}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.