#2A169E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, dark indigo carries a heavy, serious mood suitable for corporate branding or night sky themes. It feels cold and structured, making it a strong base for clean interfaces. The hex code for this color is #2a169e. White text creates a high 12.3:1 contrast ratio, ensuring readability. Pair it with warm gold or coral accents to prevent the design from feeling too clinical.
Questions about #2a169e
What is #2a169e in RGB, HSL and CMYK?
In RGB, #2a169e is rgb(42, 22, 158), in HSL hsl(249, 76%, 35%) and in CMYK 73%, 86%, 0%, 38%.
Which accent colors work best with #2a169e?
Warm accents are essential to balance the cold, structured nature of #2a169e. Soft gold, coral, or even a muted terracotta create high-impact contrast that prevents the deep indigo from feeling too clinical or sterile in modern interface design.
Is #2a169e suitable for text usage?
While #2a169e provides excellent contrast against white backgrounds, it can be difficult to read when placed over dark or similarly saturated colors. Always verify your contrast ratio if using this color for typography, as it requires a light, high-luminosity backdrop.
Is #2a169e readable on white or black?
#2a169e has a 12.30:1 contrast ratio on white and 1.70: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.