#20676D Hex Color

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

Hex color #20676d graphic
This dusty, desaturated cyan carries a moody weight that avoids being overly bright. #20676d functions as an excellent base for technology or aerospace branding where seriousness matters. It pairs surprisingly well with muted terracotta or warm grays to cut through the cool tone. Because it offers strong contrast against white text, it works reliably for UI backgrounds and interface elements. The hex code for this shade is #20676d.

Questions about #20676d

What is #20676d in RGB, HSL and CMYK?
In RGB, #20676d is rgb(32, 103, 109), in HSL hsl(185, 55%, 28%) and in CMYK 71%, 6%, 0%, 57%. Browse more shades of blue with names and hex codes.
What colors pair well with #20676d?
#20676d pairs beautifully with muted terracotta or warm grays, which help balance its cool, moody nature. Using these warm accents creates a professional, grounded aesthetic that works exceptionally well for modern interface design and branding projects.
Is #20676d a suitable choice for text on a white background?
Yes, #20676d offers excellent contrast against white, making it a reliable choice for UI elements and readable typography. It maintains professional legibility while providing more personality than standard dark grays or blacks, perfect for clean, functional designs.
Is #20676d readable on white or black?
#20676d has a 6.51:1 contrast ratio on white and 3.22: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.