#34A0A4 Hex Color

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

Hex color #34a0a4 graphic
This cool, unsaturated cyan feels precise and clinical. Because it provides strong contrast, it works well for UI buttons or data-heavy interfaces where clarity is essential. Black text reads clearly against this shade, meeting accessibility standards with a 6.7:1 ratio. The hex code for this color is #34a0a4. It pairs cleanly with warm grays to keep your palette from feeling overly cold.

Questions about #34a0a4

What is #34a0a4 in RGB, HSL and CMYK?
In RGB, #34a0a4 is rgb(52, 160, 164), in HSL hsl(182, 52%, 42%) and in CMYK 68%, 2%, 0%, 36%.
What colors pair best with #34a0a4 for professional web design?
Pair #34a0a4 with warm grays or charcoal to soften its clinical appearance without losing clarity. The strong contrast makes it an ideal accent against neutral backgrounds for call-to-action buttons, keeping the overall aesthetic professional and legible.
Is #34a0a4 readable on white or black?
#34a0a4 has a 3.12:1 contrast ratio on white and 6.71: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.