#7AE2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright cyan creates a refreshing, cool aesthetic perfect for modern UI design. With its high lightness and moderate saturation, the hex code #7ae2ff works best as a vibrant accent rather than a dominant background. Because it offers strong contrast against black text, it is a highly readable choice for buttons or notification badges. Pair this tone with deep charcoal grays to ground its airy energy.
Questions about #7ae2ff
What is #7ae2ff in RGB, HSL and CMYK?
In RGB, #7ae2ff is rgb(122, 226, 255), in HSL hsl(193, 100%, 74%) and in CMYK 52%, 11%, 0%, 0%.
What colors work best with #7ae2ff?
This tone pairs beautifully with deep, neutral tones that anchor its high-energy, airy aesthetic. Combine #7ae2ff with charcoal or navy to ground the color, preventing it from appearing too neon or overwhelming in a layout.
Is #7ae2ff readable on white or black?
#7ae2ff has a 1.48:1 contrast ratio on white and 14.15: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.