#034C3C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A desaturated, dark teal, this color carries a serious and moody presence. Because of its low lightness, the hex code #034c3c works best as a primary background for dark mode UI or professional branding. It offers enough contrast to make white text perfectly readable with a 10.0:1 ratio. Pair it with soft creams or warm grays to prevent the shade from feeling too cold or murky in your layout.
Questions about #034c3c
What is #034c3c in RGB, HSL and CMYK?
In RGB, #034c3c is rgb(3, 76, 60), in HSL hsl(167, 92%, 15%) and in CMYK 96%, 0%, 21%, 70%.
How can I best pair #034c3c in a UI design?
#034c3c creates a powerful foundation when paired with warm, creamy neutrals that soften its intense, serious character. Using off-white text ensures maximum readability, while adding accents of terracotta or soft gold can effectively break up the dark, moody atmosphere of the layout.
Does #034c3c function well as a primary brand color?
Yes, #034c3c offers a sophisticated and trustworthy alternative to standard navy or black for professional brand identities. Its low lightness creates an authoritative, grounded presence that feels both modern and stable when applied to text, buttons, or background panels.
Is #034c3c readable on white or black?
#034c3c has a 9.98:1 contrast ratio on white and 2.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 is too faint for text. Try other pairs in the contrast checker.