#69A3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-saturation blue brings an electric, neon energy to corporate interfaces. While it leans cool, the vivid chroma prevents it from feeling cold or sterile. Because black text maintains excellent readability against this shade, it functions well as a dominant primary for modern UI or data-heavy dashboards. If you are mixing gray to anchor this bright tone, use it sparingly as a 10% accent rather than a full background. The hex code is #69a3ff.
Questions about #69a3ff
What is #69a3ff in RGB, HSL and CMYK?
In RGB, #69a3ff is rgb(105, 163, 255), in HSL hsl(217, 100%, 71%) and in CMYK 59%, 36%, 0%, 0%.
How can #69a3ff be used effectively in interface design?
Use #69a3ff sparingly as a primary accent for buttons, links, or data visualizations to guide user attention. Because it is highly vivid, applying it as a large background risks overwhelming the screen, so keep it to 10 percent of your total layout for balance.
Does #69a3ff pair well with neutral tones?
Yes, #69a3ff balances perfectly against charcoal or deep neutral grays, which allow the blue to pop without causing visual fatigue. Avoid pairing it with other neon tones, as the high-saturation clash creates accessibility issues and makes text unreadable.
Is #69a3ff readable on white or black?
#69a3ff has a 2.53:1 contrast ratio on white and 8.28: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.