#80B1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright periwinkle tone provides a fresh, airy quality suitable for clean UI design. Because it maintains high contrast with black text, designers can use it safely for fine details or small body copy. The hex code for this blue is #80b1ff. It pairs best with deep charcoals rather than stark white, as the latter can make this color appear washed out.
Questions about #80b1ff
What is #80b1ff in RGB, HSL and CMYK?
In RGB, #80b1ff is rgb(128, 177, 255), in HSL hsl(217, 100%, 75%) and in CMYK 50%, 31%, 0%, 0%.
What colors pair well with #80b1ff for UI design?
Use #80b1ff alongside deep charcoal or slate grays to anchor the lightness of this periwinkle blue. Avoid stark whites, which can cause this specific hue to look washed out or lack sufficient visual weight on digital screens.
Is #80b1ff a warm or cool blue?
#80b1ff is distinctly cool-toned, carrying a breezy, ethereal quality that leans toward the violet side of the spectrum. This makes it an excellent choice for calm, professional wellness branding or any interface requiring a clean, non-aggressive color palette.
Is #80b1ff readable on white or black?
#80b1ff has a 2.17:1 contrast ratio on white and 9.65: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.