#107CFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue grabs attention immediately, making it a perfect choice for bold calls to action and interface accents. Because #107cfc offers strong contrast against black text, it maintains excellent readability for small elements. Use this hex code sparingly as a 10% accent rather than a dominant background to prevent it from overwhelming your design.
Questions about #107cfc
What is #107cfc in RGB, HSL and CMYK?
In RGB, #107cfc is rgb(16, 124, 252), in HSL hsl(213, 98%, 53%) and in CMYK 94%, 51%, 0%, 1%.
Where should I use #107cfc in a design interface?
#107cfc works best as a 10% accent color for interactive elements like buttons, toggle switches, or notification icons. Because of its intense saturation, using it sparingly prevents the color from overwhelming the surrounding content and ensures your primary text remains readable.
What colors pair well with #107cfc for balanced schemes?
Is #107cfc readable on white or black?
#107cfc has a 3.95:1 contrast ratio on white and 5.31: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.