#3A7373 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a7373 is a dusty, cool cyan with a dark, ashy finish and low saturation. Its restrained tone suggests trust, freedom, and clear thinking without feeling bright or playful. Use it as a supporting brand color or UI background, pairing it with warm cream or terracotta. White text reaches about 5.4:1 contrast, suitable for WCAG AA body text.
Questions about #3a7373
What is #3a7373 in RGB, HSL and CMYK?
In RGB, #3a7373 is rgb(58, 115, 115), in HSL hsl(180, 33%, 34%) and in CMYK 50%, 0%, 0%, 55%.
What colors pair well with #3a7373?
#3a7373 pairs well with warm cream for clean layouts, terracotta for contrast, and burgundy for a richer editorial palette, while charcoal can anchor text and darker interface elements without making the scheme feel overly bright.
Where does #3a7373 work best in a design?
#3a7373 works best as a supporting color, a dark UI surface, or a broad brand field where its muted cyan tone can set a focused mood without demanding attention from brighter accents.
Is #3a7373 readable on white or black?
#3a7373 has a 5.41:1 contrast ratio on white and 3.87: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.