#7EE6D5 Hex Color

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

Hex color #7ee6d5 graphic
This bright, unsaturated teal brings a refreshing clarity to UI backgrounds and light-hearted branding. Because of its high lightness, #7ee6d5 pairs well with charcoal or deep navy for crisp readability. It is less effective when trying to learn what colors make gray due to its vivid chroma. Use this hex code as a 30 percent accent color to keep designs feeling balanced and airy.

Questions about #7ee6d5

What is #7ee6d5 in RGB, HSL and CMYK?
In RGB, #7ee6d5 is rgb(126, 230, 213), in HSL hsl(170, 68%, 70%) and in CMYK 45%, 0%, 7%, 10%.
Is #7ee6d5 suitable for text content?
Because #7ee6d5 is a very light, high-chroma teal, it often fails contrast standards on white backgrounds. Use it primarily as an accent color for graphic elements or buttons rather than for primary body text to ensure readers can clearly see your content.
Which colors complement #7ee6d5 effectively?
Pair #7ee6d5 with charcoal or deep navy to create a crisp, readable contrast that grounds the lightness of the teal. These darker, neutral tones balance the color's vividness, making it effective for modern dashboard interface elements or graphic highlights.
Is #7ee6d5 readable on white or black?
#7ee6d5 has a 1.48:1 contrast ratio on white and 14.16: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.