#7040B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet carries a high saturation that demands attention in any layout. While bold and electric, it works best as a sharp accent rather than a full background to avoid overpowering your design. Pair #7040b9 with crisp white text for excellent readability, as the hex code provides a solid 6.7:1 contrast ratio that ensures your content remains clear and legible.
Questions about #7040b9
What is #7040b9 in RGB, HSL and CMYK?
In RGB, #7040b9 is rgb(112, 64, 185), in HSL hsl(264, 49%, 49%) and in CMYK 39%, 65%, 0%, 27%.
How can I use #7040b9 effectively in a UI design?
#7040b9 is best reserved for interactive elements like buttons or notification badges rather than large background areas. Its high saturation works beautifully as an accent against charcoal or soft neutral backgrounds to maintain balance without overwhelming the viewer.
Does #7040b9 pair well with other colors?
This violet thrives when paired with high-contrast colors like crisp whites for text or complementary shades of yellow-green for a vibrant, energetic scheme. When designing, avoid pairing it with equally saturated dark blues, as they may clash and reduce legibility.
Is #7040b9 readable on white or black?
#7040b9 has a 6.72:1 contrast ratio on white and 3.12: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.