#7C88AD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty indigo leans toward a matte, professional aesthetic. Because of its desaturated character, it functions best as a background in corporate or tech interfaces where clarity matters. Since black text maintains high contrast against this hex code, it remains readable for functional UI design. Avoid pairing it with other similar, muted tones, or the final composition will appear muddy.
Questions about #7c88ad
What is #7c88ad in RGB, HSL and CMYK?
In RGB, #7c88ad is rgb(124, 136, 173), in HSL hsl(225, 23%, 58%) and in CMYK 28%, 21%, 0%, 32%.
Why is #7c88ad effective for user interface design?
#7c88ad works well in UI design because its desaturated nature provides a calm, professional backdrop that keeps black text legible. It avoids the visual noise of brighter blues, ensuring the user focuses on the content rather than the background.
Which colors should I avoid pairing with #7c88ad?
You should avoid pairing #7c88ad with other similar, muted tones or gray-leaning palettes, as the combination often results in a muddy, undefined look. Instead, anchor this indigo with charcoal or high-contrast white to maintain a crisp, sharp visual hierarchy.
Is #7c88ad readable on white or black?
#7c88ad has a 3.51:1 contrast ratio on white and 5.98: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.