#6484A8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue has a matte, ashy finish that reads cool and professional. Because it lacks saturation, #6484a8 serves as an excellent neutral background for corporate or security-focused UI designs. It maintains enough contrast against black text for readable body content, but pair it with warm, sandy beiges to avoid a flat or dreary appearance. The hex code for this tone is #6484a8.
Questions about #6484a8
What is #6484a8 in RGB, HSL and CMYK?
In RGB, #6484a8 is rgb(100, 132, 168), in HSL hsl(212, 28%, 53%) and in CMYK 40%, 21%, 0%, 34%.
What colors pair best with #6484a8?
Pair #6484a8 with warm, sandy beiges or soft creams to offset its cool, ashy nature and prevent the design from looking flat. For a professional UI, consider using it alongside charcoal or deep slate text to maintain excellent readability.
Is #6484a8 suitable for text-heavy interfaces?
#6484a8 functions well as a background color for interfaces when paired with high-contrast text, such as black or dark gray, to ensure accessibility. However, it should not be used as the primary text color itself due to insufficient contrast against most backgrounds.
Is #6484a8 readable on white or black?
#6484a8 has a 3.88:1 contrast ratio on white and 5.40: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.