#6484C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits in a professional middle ground between navy and sky. Because it is unsaturated and cool, #6484c9 works well as a grounding UI background or a reliable supporting tone in corporate branding. It maintains strong legibility for small body text when paired with black. Use this hex code when you need a sense of understated authority rather than a high-energy pop.
Questions about #6484c9
What is #6484c9 in RGB, HSL and CMYK?
In RGB, #6484c9 is rgb(100, 132, 201), in HSL hsl(221, 48%, 59%) and in CMYK 50%, 34%, 0%, 21%.
How can I use #6484c9 effectively in web design?
Use #6484c9 as a secondary accent or background color to establish a sense of understated authority. Because this blue is desaturated, it maintains excellent readability when paired with white or charcoal text in professional layouts.
Does #6484c9 work well with bright colors?
While #6484c9 is inherently muted and subdued, it pairs beautifully with high-contrast, warmer tones like terracotta or soft peach for a balanced look. Avoid pairing it with neon brights that might overwhelm its professional, grounded character.
Is #6484c9 readable on white or black?
#6484c9 has a 3.69:1 contrast ratio on white and 5.68: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.