#7E5F97 Hex Color

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

Hex color #7e5f97 graphic
A dusty, unsaturated violet, #7e5f97 carries a muted and cool character. Its low chroma creates a somber mood that works well for structured, professional UI backgrounds. White text pairs perfectly with this tone, maintaining excellent readability. Because it leans slightly dim, use it as a base color rather than an accent to avoid overwhelming more vivid elements in your palette.

Questions about #7e5f97

What is #7e5f97 in RGB, HSL and CMYK?
In RGB, #7e5f97 is rgb(126, 95, 151), in HSL hsl(273, 23%, 48%) and in CMYK 17%, 37%, 0%, 41%.
How should I use #7e5f97 in a professional UI design?
Apply #7e5f97 as a structural base color for backgrounds or sidebars to establish a calm, professional atmosphere. Because it is muted and low-chroma, it performs best when supporting text in white or light neutrals, ensuring the interface remains legible and grounded.
Which colors complement the dusty tone of #7e5f97?
This muted violet pairs effectively with soft cream or warm off-white shades to balance its inherent coolness. For accent elements, consider using muted sage or soft terracotta, as these earthy tones harmonize with the low saturation of #7e5f97 without creating harsh visual clashes.
Is #7e5f97 readable on white or black?
#7e5f97 has a 5.28:1 contrast ratio on white and 3.97: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.