#757580 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code for this ashy, desaturated violet is #757580. Because it sits firmly in neutral territory, it avoids the typical sweetness of brighter purples. Use this color as a secondary tone to ground vibrant palettes or clean UI backgrounds. It maintains excellent legibility with black text due to its 4.6:1 contrast ratio. Avoid pairing it with warm, saturated tones, where the color can appear muddy.
Questions about #757580
What is #757580 in RGB, HSL and CMYK?
In RGB, #757580 is rgb(117, 117, 128), in HSL hsl(240, 4%, 48%) and in CMYK 9%, 9%, 0%, 50%.
How does #757580 perform in UI design contexts?
#757580 acts as a sophisticated, non-sweet alternative to standard grays, offering enough depth to anchor modern interfaces without overwhelming the user. It maintains high readability when paired with white or off-white backgrounds, providing a professional and calm aesthetic for text-heavy layouts.
What colors should be avoided when using #757580?
Avoid pairing #757580 with intense, warm, or highly saturated tones because the color can easily appear muddy or dirty in those combinations. Stick to cooler, desaturated palettes or crisp neutrals to preserve the intended clean look of this specific violet shade.
Is #757580 readable on white or black?
#757580 has a 4.55:1 contrast ratio on white and 4.61: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 for body text. Try other pairs in the contrast checker.