#348579 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, unsaturated teal sits comfortably between blue and green, offering a muted, grounded presence. The hex code #348579 works well as a primary brand accent in healthcare or tech interfaces, where clarity matters. Because it provides sufficient contrast for small text, you can use it for body copy or UI elements against white. Pair it with soft, warm grays to soften its chilly, professional edge.
Questions about #348579
What is #348579 in RGB, HSL and CMYK?
In RGB, #348579 is rgb(52, 133, 121), in HSL hsl(171, 44%, 36%) and in CMYK 61%, 0%, 9%, 48%.
What colors pair well with the hex color #348579?
Soft, neutral tones like warm gray or creamy off-white work best to balance the chilly, professional edge of #348579. For a bolder look, try pairing it with terracotta to add a warm, earthy contrast that prevents the design from feeling too clinical.
Is #348579 suitable for text on a white background?
#348579 provides enough contrast to be readable as body copy or small UI elements against white or very light backgrounds. It maintains a clean, legible appearance without the harshness associated with pure black, making it a reliable choice for professional interfaces.
Is #348579 readable on white or black?
#348579 has a 4.39:1 contrast ratio on white and 4.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.