#7A819A Hex Color

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

Hex color #7a819a graphic
#7a819a is a dusty, unsaturated indigo with a distinct ashy character. It lacks vivid intensity, making it an excellent base color for editorial layouts that require a somber, structured mood. Pair it with crisp cream or soft charcoal to avoid a muddy look. Because it holds strong contrast against black text, it functions well as a background for readable, long-form UI elements.

Questions about #7a819a

What is #7a819a in RGB, HSL and CMYK?
In RGB, #7a819a is rgb(122, 129, 154), in HSL hsl(227, 14%, 54%) and in CMYK 21%, 16%, 0%, 40%.
How should I pair #7a819a to keep my design from looking muddy?
Since #7a819a is a muted, ashy indigo, it benefits from high-contrast anchors to maintain visual clarity. Pair it with crisp cream or bright off-whites to lift the color, or use a deep charcoal to define the edges of your layout.
Is #7a819a a good choice for text-heavy UI backgrounds?
Yes, #7a819a functions well as a background color for long-form content because its low saturation reduces eye strain compared to brighter blues. However, you must ensure your foreground text is a high-contrast dark neutral to maintain readable accessibility standards.
Is #7a819a readable on white or black?
#7a819a has a 3.86:1 contrast ratio on white and 5.43: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.