#6A6E75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A muted, dusty blue with strong grey undertones, #6a6e75 functions best as a supporting tone in professional UI layouts. It provides a restrained, serious atmosphere perfect for corporate or financial branding. Because it sits comfortably in the mid-tones, it pairs well with crisp white text. Use it for secondary elements rather than full backgrounds to avoid making a design feel overly heavy or stagnant.
Questions about #6a6e75
What is #6a6e75 in RGB, HSL and CMYK?
In RGB, #6a6e75 is rgb(106, 110, 117), in HSL hsl(218, 5%, 44%) and in CMYK 9%, 6%, 0%, 54%.
How should #6a6e75 be used in UI design?
Use #6a6e75 primarily as a supporting mid-tone for secondary UI elements like borders, iconography, or subtle text, rather than as a primary background. Its restrained nature helps maintain readability and professional focus, especially when paired against crisp white or off-white surfaces for clean, modern interfaces.
Which colors pair well with #6a6e75?
This muted blue-grey acts as a versatile neutral that pairs beautifully with cool, crisp tones like white or light silver for high readability. For a more sophisticated palette, introduce warmer, muted accents like a soft terracotta or a deep charcoal to create visual depth and balance without overwhelming the design.
Is #6a6e75 readable on white or black?
#6a6e75 has a 5.12:1 contrast ratio on white and 4.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.