#6B7077 Hex Color

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

Hex color #6b7077 graphic
#6b7077 is a muted, dusty blue with ashy gray undertones and medium-dark lightness. Its restrained tone supports trust and reliability in security, finance, healthcare, and government interfaces. Use it as a supporting UI color or dark background with white text, which reaches about 5.0:1 contrast for WCAG AA body text. The hex code is #6b7077.

Questions about #6b7077

What is #6b7077 in RGB, HSL and CMYK?
In RGB, #6b7077 is rgb(107, 112, 119), in HSL hsl(215, 5%, 44%) and in CMYK 10%, 6%, 0%, 53%.
What colors pair well with #6b7077?
#6b7077 pairs well with white, soft off-white, and muted blue or sage accents, which preserve its calm, cool character while adding gentle contrast for interfaces, dashboards, branding, and other restrained layouts.
Is #6b7077 warm or cool?
#6b7077 reads as a cool, muted blue-gray because its blue component slightly outweighs its red and green values, while its low saturation and gray undertone keep the effect subdued rather than icy.
Does #6b7077 work with white text?
#6b7077 provides about a 5:1 contrast ratio with white, making it suitable for many WCAG AA text applications at normal size, though you should verify the exact pairing, font weight, and size in your accessibility checker.
Is #6b7077 readable on white or black?
#6b7077 has a 4.98:1 contrast ratio on white and 4.20: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.