#6785B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue feels professional and restrained without appearing cold. It works well as a supporting tone in corporate UI designs or financial dashboards. Because it has enough contrast for readability with black text, it functions effectively for UI components. The hex code for this matte blue is #6785b7, and it pairs surprisingly well with warm terracottas to balance its cool, unsaturated character.
Questions about #6785b7
What is #6785b7 in RGB, HSL and CMYK?
In RGB, #6785b7 is rgb(103, 133, 183), in HSL hsl(218, 36%, 56%) and in CMYK 44%, 27%, 0%, 28%.
Which color combinations work best with #6785b7?
#6785b7 pairs exceptionally well with warm terracotta tones, as the warmth balances the blue's naturally cool, unsaturated character. This combination provides professional contrast for corporate design systems, creating a visual balance that feels grounded, sophisticated, and distinctly modern.
Is #6785b7 suitable for text-heavy interfaces?
#6785b7 functions effectively for UI components because it maintains enough contrast against standard white or off-white backgrounds to remain legible. While it works for secondary buttons or headers, ensure your primary text uses a darker shade like charcoal to maintain accessibility standards.
Is #6785b7 readable on white or black?
#6785b7 has a 3.73:1 contrast ratio on white and 5.61: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.