#80A2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, high-saturation blue brings a tech-forward energy to interface designs. Because #80a2ff has a bright, neon quality, it works best as a vibrant accent rather than a full background. It pairs cleanly with charcoal grays for a modern security aesthetic. With excellent contrast against black text, the hex code offers high readability for small UI elements like buttons and icons.
Questions about #80a2ff
What is #80a2ff in RGB, HSL and CMYK?
In RGB, #80a2ff is rgb(128, 162, 255), in HSL hsl(224, 100%, 75%) and in CMYK 50%, 36%, 0%, 0%.
How does #80a2ff perform in user interface design?
#80a2ff works best as a deliberate, high-energy accent rather than a primary background color. Its neon intensity commands attention, making it an excellent choice for interactive elements like buttons, toggle switches, or call-to-action icons that require immediate visibility.
What colors pair well with #80a2ff?
This blue balances perfectly with deep charcoal or near-black grays to create a clean, modern security aesthetic. Using it against darker neutral tones allows the high-saturation blue to pop without overwhelming the interface with too much visual noise.
Is #80a2ff readable on white or black?
#80a2ff has a 2.46:1 contrast ratio on white and 8.52: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.