#6678B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty blue leans toward indigo with a matte, unsaturated finish. Because it feels restrained and steady, it serves as a reliable base for professional UI or finance branding. Black text maintains excellent legibility over this shade. Use the hex code #6678b7 sparingly as an accent to avoid a washed-out look, as it functions best in supporting roles rather than as a dominant background.
Questions about #6678b7
What is #6678b7 in RGB, HSL and CMYK?
In RGB, #6678b7 is rgb(102, 120, 183), in HSL hsl(227, 36%, 56%) and in CMYK 44%, 34%, 0%, 28%.
How can I best use #6678b7 in a UI design?
#6678b7 works best as a supporting accent rather than a dominant background color because of its unsaturated, matte finish. It pairs effectively with dark charcoal text to maintain high readability while conveying a steady and professional tone.
Does #6678b7 lean warm or cool?
#6678b7 is distinctly cool-toned, carrying the inherent calmness associated with deep blues and indigos. Because it avoids overly vibrant pigments, it provides a grounded, stable feel that remains visually comfortable even when applied across larger screen areas.
Is #6678b7 readable on white or black?
#6678b7 has a 4.25:1 contrast ratio on white and 4.93: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.