#322277 Hex Color

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

Hex color #322277 graphic
This dark indigo holds a serious, authoritative weight. Because it is highly saturated, it functions best as a base for dark-mode interfaces. The hex code for this shade is #322277. White text pops against this background with a 12.9:1 contrast ratio, ensuring excellent readability. Use it sparingly for fine print, as the deep saturation can appear muddy without screen backlighting.

Questions about #322277

What is #322277 in RGB, HSL and CMYK?
In RGB, #322277 is rgb(50, 34, 119), in HSL hsl(251, 56%, 30%) and in CMYK 58%, 71%, 0%, 53%.
Is #322277 suitable for body text in light mode?
Using #322277 for body text on a white background is generally not recommended because the low luminance makes it difficult to read at small sizes. Instead, reserve this dark indigo for UI elements, headings, or dark-mode backgrounds where its saturation can shine.
What colors pair well with #322277?
This deep indigo works best when paired with high-contrast, lighter neutrals like ivory or cool gray to maintain readability. For accent colors, it balances well against vibrant, warm tones like goldenrod or coral, which pop against its serious, dark base.
Is #322277 readable on white or black?
#322277 has a 12.87:1 contrast ratio on white and 1.63: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.