#756AA1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty and unsaturated, #756aa1 provides a calm, cool foundation for UI layouts. This purple works best as a supporting background element rather than a primary focus. Pair it with warm terracotta or soft cream to balance its gray undertones. Because it maintains a 4.8:1 contrast with white text, the hex code remains accessible for body copy in modern web interfaces.
Questions about #756aa1
What is #756aa1 in RGB, HSL and CMYK?
In RGB, #756aa1 is rgb(117, 106, 161), in HSL hsl(252, 23%, 52%) and in CMYK 27%, 34%, 0%, 37%.
What colors pair effectively with #756aa1?
Pair #756aa1 with terracotta or soft cream to provide a warm contrast that balances its inherent gray undertones. These pairings ground the purple without overwhelming the design, making it suitable for modern, sophisticated web layouts or branding applications.
Is #756aa1 suitable for text-heavy web interfaces?
Yes, #756aa1 maintains a 4.8:1 contrast ratio against white backgrounds, which meets standard accessibility requirements for readability. Its muted, unsaturated nature makes it an excellent choice for subheadings or UI elements that need to appear professional without straining the eyes.
Is #756aa1 readable on white or black?
#756aa1 has a 4.84:1 contrast ratio on white and 4.33: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.