#7080A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries a matte quality that feels grounded and professional. Because it is highly muted, #7080a6 works best as a supporting background element rather than a dominant color. Pair it with crisp white or deep charcoal to prevent the shade from feeling washed out. It offers sufficient contrast for black text, making it a reliable choice for clean UI layouts.
Questions about #7080a6
What is #7080a6 in RGB, HSL and CMYK?
In RGB, #7080a6 is rgb(112, 128, 166), in HSL hsl(222, 23%, 55%) and in CMYK 33%, 23%, 0%, 35%. Browse more shades of blue with names and hex codes.
Where should I use #7080a6 in a UI layout?
#7080a6 works best as a supporting background element rather than a dominant primary color. Because it is highly muted and maintains strong contrast with black text, it provides a stable, professional foundation for interfaces that require a calm, sophisticated look.
What colors pair well with #7080a6?
To prevent this shade from feeling washed out, pair it with crisp white to brighten the design or deep charcoal to anchor the palette. These high-contrast pairings leverage the matte quality of the blue while keeping the overall aesthetic clean and balanced.
Is #7080a6 readable on white or black?
#7080a6 has a 3.94:1 contrast ratio on white and 5.32: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.