#3A7872 Hex Color

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

Hex color #3a7872 graphic
#3a7872 is a cool, dusty teal with low saturation and a softened blue-green undertone. Its medium-dark value gives interfaces and brand systems a composed, trustworthy feel without the sharpness of brighter teal. Use this hex code as a supporting tone or dark UI surface, especially with warm cream or muted coral accents. White text reaches about 5.1:1 contrast here.

Questions about #3a7872

What is #3a7872 in RGB, HSL and CMYK?
In RGB, #3a7872 is rgb(58, 120, 114), in HSL hsl(174, 35%, 35%) and in CMYK 52%, 0%, 5%, 53%.
What colors pair well with #3a7872?
#3a7872 pairs well with warm cream, terracotta, and charcoal, because these tones balance its cool, muted blue-green base while preserving its restrained character across interfaces, editorial layouts, and identity systems. Use terracotta sparingly for warmth and emphasis.
Is #3a7872 readable on white or black?
#3a7872 has a 5.11:1 contrast ratio on white and 4.10: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.