#7A7A94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, ashy indigo lands somewhere between matte purple and dark slate. It is highly unsaturated and reads best as a supporting background element rather than a dominant primary color. Because it offers enough contrast for black text, designers can use #7a7a94 for UI elements or structured layouts. The hex code #7a7a94 feels grounded and calm, making it a reliable choice for professional, understated interfaces.
Questions about #7a7a94
What is #7a7a94 in RGB, HSL and CMYK?
In RGB, #7a7a94 is rgb(122, 122, 148), in HSL hsl(240, 11%, 53%) and in CMYK 18%, 18%, 0%, 42%.
What colors pair well with #7a7a94 in a UI design?
#7a7a94 functions best when paired with high-contrast neutrals like charcoal for text or crisp whites to keep the interface legible. Because it is highly unsaturated, it also serves as a professional accent against soft, warm beige tones.
Does #7a7a94 read as a warm or cool color?
This color sits firmly on the cool side of the spectrum, leaning toward an ashy, slate-like blue-purple. Its muted quality removes any harshness, allowing it to provide a sense of calm and structure without dominating the surrounding design elements.
Is #7a7a94 readable on white or black?
#7a7a94 has a 4.16:1 contrast ratio on white and 5.03:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.