#80BCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, airy blue carries a high saturation that keeps it looking crisp rather than washed out. Because it maintains excellent contrast with black text, #80bcff is a reliable choice for UI backgrounds and dashboards where legibility is paramount. Pair it with soft charcoal or deep slate to ground its brightness, as using it against pure white can cause the color to lose its visual punch.
Questions about #80bcff
What is #80bcff in RGB, HSL and CMYK?
In RGB, #80bcff is rgb(128, 188, 255), in HSL hsl(212, 100%, 75%) and in CMYK 50%, 26%, 0%, 0%.
Why is #80bcff a reliable choice for UI design?
#80bcff functions as an excellent UI background because its high saturation prevents it from looking washed out against dark text. It offers enough contrast to maintain legibility in complex dashboards while keeping the overall layout feeling airy and professional.
What colors pair best with #80bcff?
Is #80bcff readable on white or black?
#80bcff has a 1.98:1 contrast ratio on white and 10.55: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.