#2A0A94 Hex Color

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

Hex color #2a0a94 graphic
#2a0a94 is a saturated, deep indigo that leans into moody and serious territory. Because this color is so dark, use it as a stable background or a primary branding element. It pairs excellently with white text, which maintains a high contrast ratio of 13.4:1. Avoid using it for small, thin lines as it can become difficult to read. The hex code for this shade is #2a0a94.

Questions about #2a0a94

What is #2a0a94 in RGB, HSL and CMYK?
In RGB, #2a0a94 is rgb(42, 10, 148), in HSL hsl(254, 87%, 31%) and in CMYK 72%, 93%, 0%, 42%.
How should I use #2a0a94 in web design?
#2a0a94 serves as a strong, grounding foundation for modern interfaces, especially when paired with white typography to ensure readability. Because it carries such high saturation, limit it to primary buttons or header bars to prevent it from overwhelming the user interface.
What colors create a balanced palette with #2a0a94?
You can soften the intensity of #2a0a94 by pairing it with neutral, warm tones like cream or sand for a sophisticated balance. Alternatively, a complementary splash of amber or goldenrod provides a vibrant, high-energy contrast that makes the indigo appear even deeper.
Is #2a0a94 readable on white or black?
#2a0a94 has a 13.38:1 contrast ratio on white and 1.56: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.