#70ADA5 Hex Color

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

Hex color #70ada5 graphic
This dusty teal is a muted, desaturated shade that reads as professional and clean. Because of its low chroma, #70ada5 functions best as a calming, secondary background color rather than a dominant splash. It pairs surprisingly well with warm terracotta or copper accents, which prevent the cool tones from feeling too sterile. Black text provides excellent legibility against this hex code, making it a safe choice for UI interfaces.

Questions about #70ada5

What is #70ada5 in RGB, HSL and CMYK?
In RGB, #70ada5 is rgb(112, 173, 165), in HSL hsl(172, 27%, 56%) and in CMYK 35%, 0%, 5%, 32%.
Why is #70ada5 a strong choice for user interface backgrounds?
Because of its low chroma, #70ada5 functions as a calming, secondary background color that does not distract from main content. It provides excellent legibility for black text while avoiding the harsh, sterile look of standard light gray backgrounds.
What colors should I pair with #70ada5 for a balanced design?
This color pairs surprisingly well with warm terracotta or rich copper accents, which help ground the cool tones. These contrasting warm elements prevent the muted teal from feeling too cold while adding necessary depth and personality to your layout.
Is #70ada5 readable on white or black?
#70ada5 has a 2.55:1 contrast ratio on white and 8.20:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.