#034E58 Hex Color

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

Hex color #034e58 graphic
#034e58 is a dim, desaturated teal that carries a heavy, serious mood. Because of its low lightness and dusty undertones, it works best as a moody background or a grounding secondary color. Pair it with soft cream or bright white to maintain strong text legibility. While it provides excellent contrast for UI elements, avoid using it in large areas where a cleaner, more vibrant tone is needed.

Questions about #034e58

What is #034e58 in RGB, HSL and CMYK?
In RGB, #034e58 is rgb(3, 78, 88), in HSL hsl(187, 93%, 18%) and in CMYK 97%, 11%, 0%, 65%. Browse more shades of blue with names and hex codes.
What colors pair best with #034e58?
This deep teal functions best when balanced by lighter, neutral tones to prevent the overall design from feeling too heavy or closed in. Use it alongside soft cream or light sand for high-contrast, professional text legibility.
Is #034e58 suitable for text on large backgrounds?
While #034e58 provides a strong, serious aesthetic for backgrounds, it lacks the brightness needed for long-form body text. Reserve this color for UI elements or headers where you need a grounded, stable feeling without sacrificing readability against a light surface.
Is #034e58 readable on white or black?
#034e58 has a 9.39:1 contrast ratio on white and 2.23: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.