Preview
#333054
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.41:1 · vs black: 1.69:1
HEX
#333054
RGB
rgb(51, 48, 84)
RGBA
rgba(51, 48, 84, 1)
HSL
hsl(245, 27%, 26%)
HSV
hsv(245, 43%, 33%)
LAB
lab(21.79% 11.34 -21.45)
LCH
lch(21.79% 24.26 297.86)
OKLAB
oklab(0.3302 0.0175 -0.0602)
OKLCH
oklch(0.3302 0.0627 286.21)
XYZ
xyz(4.02, 3.46, 8.84)
CMYK
cmyk(39%, 43%, 0%, 67%)
CSS
color: #333054;
CSS variable
--color-333054: #333054;
SCSS
$color-333054: #333054;
Tailwind
indigo-700
Export
:root {
--#333054-1: #333054;
}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.