#6B7277 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, slate-like blue leans heavily into grey, providing a stable foundation for corporate tech or financial interfaces. Because #6b7277 maintains a 4.9:1 contrast ratio with white, it remains readable even at small font sizes. Use this color as a neutral supporting background rather than a bold accent, as it can look washed out when paired with lighter, brighter shades.
Questions about #6b7277
What is #6b7277 in RGB, HSL and CMYK?
In RGB, #6b7277 is rgb(107, 114, 119), in HSL hsl(205, 5%, 44%) and in CMYK 10%, 4%, 0%, 53%.
Is #6b7277 a warm or cool shade?
#6b7277 is a distinctly cool-leaning grey that gains its slate-blue character from subtle cyan undertones. This coolness makes it an excellent neutral for modern interfaces that need to feel professional without relying on harsh, sterile black or white backgrounds.
How should I use #6b7277 in UI design?
Use #6b7277 as a structural, supporting background color rather than a primary call-to-action shade. It maintains a solid contrast ratio against white text, making it a reliable choice for sidebars, content cards, or secondary section backgrounds in technical software design.
Is #6b7277 readable on white or black?
#6b7277 has a 4.88:1 contrast ratio on white and 4.29: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.