#1F6FEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric, high-intensity blue commands immediate attention in digital interfaces. It offers a 4.6:1 contrast ratio against white, ensuring white text remains readable and accessible for UI buttons or functional highlights. Avoid using this tone for large backgrounds, as it quickly overwhelms the eye. Instead, use it as a 10% accent color. The hex code for this punchy, bold blue is #1f6feb.
Questions about #1f6feb
What is #1f6feb in RGB, HSL and CMYK?
In RGB, #1f6feb is rgb(31, 111, 235), in HSL hsl(216, 84%, 52%) and in CMYK 87%, 53%, 0%, 8%.
How should #1f6feb be used in UI design?
#1f6feb works best as a 10% accent color rather than a primary background to avoid overwhelming the viewer. It maintains a strong 4.6:1 contrast ratio against white, making it a reliable, accessible choice for buttons and functional highlights.
What colors pair well with #1f6feb?
#1f6feb pairs naturally with neutral tones to balance its intensity. Try using it alongside charcoal for clean typography or a soft silver to create a modern, tech-focused interface that remains easy on the eyes.
Is #1f6feb readable on white or black?
#1f6feb has a 4.63:1 contrast ratio on white and 4.53:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.