#6A6D74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue sits comfortably between steel grey and slate. With its low saturation, #6a6d74 offers a grounded, professional choice for corporate identities where reliability matters. It works best as a supporting tone in UI design rather than a large background, as it can feel flat in expansive areas. Pair it with crisp white text, as the contrast ratio is high enough for clear readability.
Questions about #6a6d74
What is #6a6d74 in RGB, HSL and CMYK?
In RGB, #6a6d74 is rgb(106, 109, 116), in HSL hsl(222, 5%, 44%) and in CMYK 9%, 6%, 0%, 55%.
How should I use #6a6d74 in a user interface?
#6a6d74 functions best as a supporting neutral rather than a dominant background because it can feel flat in large areas. Use it for borders, subtle iconography, or secondary text where you need a professional, reliable color that avoids being harsh.
What colors pair well with #6a6d74?
This muted slate blue pairs beautifully with crisp, clean white text for optimal readability and contrast. To create a sophisticated palette, balance #6a6d74 with deeper charcoal tones or soft, warm cream accents to add necessary depth without overwhelming the design.
Is #6a6d74 readable on white or black?
#6a6d74 has a 5.18:1 contrast ratio on white and 4.05: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.