#80DCFF Hex Color

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

Hex color #80dcff graphic
This luminous cyan maintains high readability when paired with black text, making it a functional choice for UI design. With a high light value and moderate saturation, #80dcff functions best as a dominant background or a soft accent in tech-focused branding. Because of its cool, airy quality, avoid placing it directly against stark white, as it can appear washed out or flat.

Questions about #80dcff

What is #80dcff in RGB, HSL and CMYK?
In RGB, #80dcff is rgb(128, 220, 255), in HSL hsl(197, 100%, 75%) and in CMYK 50%, 14%, 0%, 0%.
What colors pair well with #80dcff in a UI design?
#80dcff looks best when paired with deep, high-contrast colors like charcoal or navy to maintain readability. Avoid placing this light cyan against pure white, as the contrast ratio is too low and the color may appear washed out.
Is #80dcff suitable for text on a white background?
Using #80dcff for body text is generally not recommended because it lacks sufficient contrast against white or light backgrounds. It functions much more effectively as a decorative accent, button color, or distinct highlight rather than as a primary typeface color.
Is #80dcff readable on white or black?
#80dcff has a 1.54:1 contrast ratio on white and 13.59: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.