#2A2499 Hex Color

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

Hex color #2a2499 graphic
A cool, intense indigo, #2a2499 feels formal and serious. With its dark saturation, it acts as a reliable base for professional branding or structured UI layouts. This color provides high contrast against white text, making it a strong choice for readability. It pairs unexpectedly well with vibrant orange accents, which keep the design from feeling too gloomy. The hex code for this shade is #2a2499.

Questions about #2a2499

What is #2a2499 in RGB, HSL and CMYK?
In RGB, #2a2499 is rgb(42, 36, 153), in HSL hsl(243, 62%, 37%) and in CMYK 73%, 76%, 0%, 40%.
Does #2a2499 work well for website text?
#2a2499 is an excellent choice for headers or navigational elements because it provides strong contrast against white backgrounds, ensuring high readability for users. It is technically more approachable than pure black but retains the necessary authority for professional web interfaces.
What colors pair well with #2a2499?
You can balance the intensity of #2a2499 by using vibrant orange accents, which create a complementary pop that prevents the deep indigo from feeling too gloomy. For a more neutral look, try pairing it with a soft cream or a crisp silver.
Is #2a2499 readable on white or black?
#2a2499 has a 11.59:1 contrast ratio on white and 1.81: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.