#6F84A6 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #6f84a6 graphic
#6f84a6 is a cool, muted blue with a distinct dusty, ashy character. Because of its low saturation, it provides a grounded, professional backdrop that works well in technology or finance interfaces. Use it as a dominant base color, as it offers enough contrast for readable black text. Pair it with crisp white or soft charcoal to avoid a washed-out appearance in your layout.

Questions about #6f84a6

What is #6f84a6 in RGB, HSL and CMYK?
In RGB, #6f84a6 is rgb(111, 132, 166), in HSL hsl(217, 24%, 54%) and in CMYK 33%, 20%, 0%, 35%.
Which colors pair best with #6f84a6 for UI design?
#6f84a6 thrives when paired with high-contrast neutrals like crisp white or deep charcoal to keep the interface from looking washed out. For a modern, balanced palette, you can also introduce muted slate or soft silver accents to maintain the professional aesthetic.
Is #6f84a6 considered a warm or cool color?
#6f84a6 is distinctly cool, characterized by its blue-gray composition and low saturation. Its ashy, desaturated quality makes it a versatile choice for designers needing a neutral-leaning blue that feels sophisticated rather than overly vibrant or energetic.
Is #6f84a6 readable on white or black?
#6f84a6 has a 3.79:1 contrast ratio on white and 5.52: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.