#80D6F7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy cyan is saturated enough to draw the eye without feeling aggressive. The hex code #80d6f7 works best as a primary UI background or a punchy accent against darker, cooler grays. While it offers excellent contrast for black text, avoid pairing it with pure white to keep it from looking washed out. If you wonder about mixing white into lighter tones, use restraint.
Questions about #80d6f7
What is #80d6f7 in RGB, HSL and CMYK?
In RGB, #80d6f7 is rgb(128, 214, 247), in HSL hsl(197, 88%, 74%) and in CMYK 48%, 13%, 0%, 3%.
What colors pair best with #80d6f7?
Because #80d6f7 is highly saturated and bright, it pairs effectively with dark, muted neutrals like charcoal or deep navy to ground the design. These darker tones ensure the cyan remains the focal point without causing eye strain for the viewer.
Why should I avoid pairing #80d6f7 with pure white?
Pairing #80d6f7 with pure white often creates a washed-out, high-glare effect that hurts readability on digital screens. It is better to use a slightly off-white or a cool, desaturated gray to maintain contrast while keeping the interface comfortable for the eyes.
Is #80d6f7 readable on white or black?
#80d6f7 has a 1.63:1 contrast ratio on white and 12.87: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.