#345C6C Hex Color

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

Hex color #345c6c graphic
This dusty, muted cyan sits on the darker side of the spectrum, offering a serious and grounded alternative to brighter blues. Because the hex code #345c6c provides a strong 7.3:1 contrast ratio against white text, it works well as a readable UI background. Avoid pairing it with other muddy tones, as it shines best when supported by sharp, clean neutrals or bright metallic accents.

Questions about #345c6c

What is #345c6c in RGB, HSL and CMYK?
In RGB, #345c6c is rgb(52, 92, 108), in HSL hsl(197, 35%, 31%) and in CMYK 52%, 15%, 0%, 58%.
Does #345c6c work well as a primary interface color?
#345c6c serves as an excellent, readable background or accent color because of its strong 7.3:1 contrast ratio against white text. Its grounded, muted nature prevents eye strain, making it a reliable choice for professional dashboard designs or productivity software.
What colors pair best with #345c6c?
This color shines when supported by sharp, clean neutrals or bright metallic accents. It avoids looking muddy when paired with crisp white or light silver, which highlight its cyan undertones, rather than competing with other saturated or complex hues.
Is #345c6c readable on white or black?
#345c6c has a 7.25:1 contrast ratio on white and 2.89: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 is too faint for text. Try other pairs in the contrast checker.