#7ED6DF Hex Color

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

Hex color #7ed6df graphic
#7ed6df is a luminous, unsaturated cyan that reads fresh and airy without feeling childish. Its high lightness makes it an effective background for modern UI, provided you pair it with charcoal or deep navy text for maximum contrast. Because this shade is so airy, it works best as a large-scale field rather than a small button accent, where it can easily get lost against neutral elements.

Questions about #7ed6df

What is #7ed6df in RGB, HSL and CMYK?
In RGB, #7ed6df is rgb(126, 214, 223), in HSL hsl(186, 60%, 68%) and in CMYK 43%, 4%, 0%, 13%.
Does #7ed6df work well as a primary button color?
Using #7ed6df for small button accents is generally risky because the shade is too desaturated and light to grab attention against most neutral backgrounds. It performs much better when applied as a large-scale field, like a header background or a full-page hero section.
Is #7ed6df readable on white or black?
#7ed6df has a 1.67:1 contrast ratio on white and 12.57: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.