#2B22AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo carries a dark, imposing weight. Because it sits on the cooler end of the spectrum, #2b22aa works best as a primary background for high-contrast, moody interfaces. While it offers enough readability for small white text, it can feel too aggressive in large blocks. Pair it with soft cream or muted metallics to balance its intense, traditional authority.
Questions about #2b22aa
What is #2b22aa in RGB, HSL and CMYK?
In RGB, #2b22aa is rgb(43, 34, 170), in HSL hsl(244, 67%, 40%) and in CMYK 75%, 80%, 0%, 33%.
What colors pair well with #2b22aa in a UI design?
Is #2b22aa suitable for large background areas?
Using #2b22aa as a full-page background often feels too aggressive due to its high saturation and dark intensity. It is much more effective as a sophisticated accent color or a focused section background that supports smaller, lighter elements.
Is #2b22aa readable on white or black?
#2b22aa has a 10.98:1 contrast ratio on white and 1.91: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.