#7AE2E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, unsaturated cyan brings a sparkling, fresh energy to UI backgrounds and digital interface elements. Because of its high lightness, it pairs best with dark text for readable, high-contrast results. Use #7ae2e2 as a secondary accent rather than a full-page flood to avoid washing out your design. If you are struggling with balancing this tone, learn how to make gray to ground its intensity.
Questions about #7ae2e2
What is #7ae2e2 in RGB, HSL and CMYK?
In RGB, #7ae2e2 is rgb(122, 226, 226), in HSL hsl(180, 64%, 68%) and in CMYK 46%, 0%, 0%, 11%.
What colors pair well with #7ae2e2 for UI design?
This bright cyan relies on high-contrast partners to remain readable in interface design. It pairs effectively with deep charcoal or near-black text, which grounds the intensity of the hue. Avoid pairing it with light grays or white text, as the lack of contrast will cause readability issues on digital screens.
How should I use #7ae2e2 without overwhelming a design?
Because #7ae2e2 is highly luminous, it functions best as a focused secondary accent rather than a full-page background color. Using it for call-to-action buttons, status indicators, or small icons keeps your design clean while utilizing that sparkling, fresh energy effectively.
Is #7ae2e2 readable on white or black?
#7ae2e2 has a 1.52:1 contrast ratio on white and 13.80: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.