#6F7A89 Hex Color

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

Hex color #6f7a89 graphic
A dusty, ashy blue-grey, #6f7a89 offers a grounded and professional tone for corporate interfaces. Because it sits at a mid-range lightness, it reads best as a supporting element or muted background rather than a primary focus. Pair this matte shade with crisp white for readability or with warm tan accents to cut its coolness. It offers solid contrast for small black text.

Questions about #6f7a89

What is #6f7a89 in RGB, HSL and CMYK?
In RGB, #6f7a89 is rgb(111, 122, 137), in HSL hsl(215, 10%, 49%) and in CMYK 19%, 11%, 0%, 46%. Browse more shades of gray with names and hex codes.
How should I use #6f7a89 in UI design?
#6f7a89 serves best as a supporting neutral or background color rather than a primary call-to-action shade. It provides excellent readability when paired with crisp white text or clean, dark charcoal backgrounds for a sophisticated, professional, and balanced interface aesthetic.
What colors pair well with #6f7a89?
Because of its muted, ashy undertones, #6f7a89 looks best alongside warm, organic neutrals like tan or cream which help offset its inherent coolness. Using a deep navy as an accent also creates a cohesive, monochromatic-inspired palette with great depth.
Is #6f7a89 readable on white or black?
#6f7a89 has a 4.35:1 contrast ratio on white and 4.82: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.