#332D88 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #332d88 graphic
This intense, moody indigo commands authority and professional structure. As a hex code, #332d88 feels solid and authoritative, making it an ideal choice for dark mode UI backgrounds or corporate branding. Pair it with soft cream or dusty rose to balance its inherent coolness. Because it maintains high contrast, white text remains readable and crisp against this saturated, stable base.

Questions about #332d88

What is #332d88 in RGB, HSL and CMYK?
In RGB, #332d88 is rgb(51, 45, 136), in HSL hsl(244, 50%, 35%) and in CMYK 63%, 67%, 0%, 47%.
What colors pair best with #332d88 in a design?
#332d88 functions best when balanced by soft, light neutrals to prevent the design from feeling too heavy. Consider using cream or dusty rose to offset the cool, authoritative nature of this intense indigo shade.
Does #332d88 work for text on light backgrounds?
While #332d88 offers high contrast against white, it is often better reserved for background blocks or branding accents rather than body text. Its deep saturation can make fine text feel slightly heavy or overwhelming to the reader's eye.
Is #332d88 readable on white or black?
#332d88 has a 11.22:1 contrast ratio on white and 1.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.