#80CCFF Hex Color

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

Hex color #80ccff graphic
This bright, unsaturated cyan brings a fresh, airy quality to digital interfaces. While it feels playful, the high contrast ensures excellent readability for black text, making it a functional choice for web backgrounds. Use #80ccff as a dominant base color for baby products or healthcare sites. Because it is quite light, it pairs best with dark navy or charcoal accents rather than white.

Questions about #80ccff

What is #80ccff in RGB, HSL and CMYK?
In RGB, #80ccff is rgb(128, 204, 255), in HSL hsl(204, 100%, 75%) and in CMYK 50%, 20%, 0%, 0%.
What colors pair well with #80ccff?
Because #80ccff is such a light, unsaturated cyan, it creates the best readability when paired with deep, high-contrast accents like charcoal or navy. Avoid using white text over this color, as the contrast ratio is generally too low for accessibility.
Does #80ccff lean warm or cool?
#80ccff is a distinctly cool color, sitting firmly in the cyan-blue family on the color wheel. Its bright, unsaturated quality gives it a fresh and airy feel rather than a deep, oceanic intensity, making it ideal for clean, modern digital spaces.
Is #80ccff readable on white or black?
#80ccff has a 1.75:1 contrast ratio on white and 11.99: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.