#7484A4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Grayed out and midweight, this muted blue sits in the zone where color stops demanding attention. The hex code #7484a4 has an ashy, cool cast that suits quiet UI backgrounds and supporting tones better than hero moments. Pair it with terracotta or charcoal for contrast. Black text passes WCAG AA on it, so small body copy stays readable.
Questions about #7484a4
What is #7484a4 in RGB, HSL and CMYK?
In RGB, #7484a4 is rgb(116, 132, 164), in HSL hsl(220, 21%, 55%) and in CMYK 29%, 20%, 0%, 36%.
What colors pair well with #7484a4?
Terracotta, warm cream, and charcoal all give #7484a4 the contrast its muted, ashy nature needs, since the shade can look flat next to pale neutrals. Burgundy also works and feels richer than the standard camel pairing.
Is #7484a4 readable on white or black?
#7484a4 has a 3.76:1 contrast ratio on white and 5.57: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.