#7480B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty indigo feels subdued and professional. Because it is highly desaturated, #7480b4 works well as a grounding background or neutral base in modern UI design. It pairs effectively with warm, organic terracotta tones to avoid looking too sterile. The hex code #7480b4 offers enough contrast to support black text, maintaining high legibility for small body copy.
Questions about #7480b4
What is #7480b4 in RGB, HSL and CMYK?
In RGB, #7480b4 is rgb(116, 128, 180), in HSL hsl(229, 30%, 58%) and in CMYK 36%, 29%, 0%, 29%. Browse more shades of blue with names and hex codes.
What colors pair well with #7480b4?
Because #7480b4 is a cool, desaturated blue, it creates a striking balance when paired with warm earth tones like terracotta or soft sand. These warm accents prevent the cool indigo from feeling too sterile or clinical, adding necessary visual depth to your UI.
Is #7480b4 suitable for body text?
While #7480b4 can be used for UI elements, it is generally better suited for backgrounds or secondary accents rather than long-form body text. For standard paragraph copy, stick to dark charcoal or near-black to ensure maximum accessibility and comfortable readability for your users.
Is #7480b4 readable on white or black?
#7480b4 has a 3.82:1 contrast ratio on white and 5.48: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.