#6F8DA3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue feels understated and professional. Because it is highly unsaturated, #6f8da3 works best as a supporting background or secondary UI element rather than a dominant color. It maintains excellent contrast with black text, making it a reliable choice for finance or security interfaces. This hex code pairs surprisingly well with warm terracotta or cream tones to balance its cool, ashy character.
Questions about #6f8da3
What is #6f8da3 in RGB, HSL and CMYK?
In RGB, #6f8da3 is rgb(111, 141, 163), in HSL hsl(205, 22%, 54%) and in CMYK 32%, 13%, 0%, 36%.
Is #6f8da3 a good choice for professional UI design?
#6f8da3 serves as an excellent neutral foundation for finance and security interfaces due to its high readability against black text. Its desaturated nature minimizes visual noise, allowing primary interactive elements to stand out clearly on the screen.
What colors pair best with #6f8da3?
This muted blue pairs effectively with terracotta or warm cream tones to introduce necessary warmth. These contrasting temperatures balance the cool, ashy character of #6f8da3, creating a harmonious and approachable aesthetic suitable for modern, sophisticated brand identities.
Is #6f8da3 readable on white or black?
#6f8da3 has a 3.49:1 contrast ratio on white and 6.01: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.