#007070 Hex Color

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

Hex color #007070 graphic
This dark, muted teal carries a heavy, serious presence that works well for grounded UI backgrounds. Because it maintains strong contrast, white text remains readable against it. The hex code for this cool, shadowy cyan is #007070. Use it sparingly as an accent rather than a full page background to avoid a gloomy or oppressive effect in your final design.

Questions about #007070

What is #007070 in RGB, HSL and CMYK?
In RGB, #007070 is rgb(0, 112, 112), in HSL hsl(180, 100%, 22%) and in CMYK 100%, 0%, 0%, 56%.
How should I use #007070 in a web design layout?
Use #007070 primarily as an accent or header color to ground your design without overwhelming the viewer. Because it is a heavy, dark tone, it pairs well with crisp white text, ensuring readability remains high throughout your application.
What color schemes work well with #007070?
This dark teal functions best when balanced by lighter neutrals or warm metallic accents. Consider pairing it with a soft cream or a muted gold to lift the heaviness and create a sophisticated, high-end appearance for your digital layouts.
Is #007070 readable on white or black?
#007070 has a 5.91:1 contrast ratio on white and 3.55: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.