#107AF9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation and electrically bright, #107af9 functions best as a focused accent rather than a full background. This vivid blue demands attention, making it effective for call-to-action buttons or highlights in UI design. Because black text maintains a strong 5.2:1 contrast ratio against this hue, it works well for legible typography. Use the hex code #107af9 to introduce intensity without overwhelming the surrounding design elements.
Questions about #107af9
What is #107af9 in RGB, HSL and CMYK?
In RGB, #107af9 is rgb(16, 122, 249), in HSL hsl(213, 95%, 52%) and in CMYK 94%, 51%, 0%, 2%.
How should I use #107af9 in UI design?
Use #107af9 as a targeted accent color for interactive elements like buttons, toggle switches, or notification badges rather than large backgrounds. Its high intensity creates immediate focus, and the strong contrast ensures it remains readable against white or light gray surfaces.
What colors pair well with #107af9?
Is #107af9 readable on white or black?
#107af9 has a 4.05:1 contrast ratio on white and 5.17:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.