#1F71F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric blue demands attention without feeling chaotic. Because it is highly vivid, #1f71f1 works best as a 10% accent color for calls to action or UI highlights rather than a full background. It provides strong contrast against black text, though it can overwhelm more subtle palettes. Use this hex code when you need a bright, reliable tone that feels modern and urgent.
Questions about #1f71f1
What is #1f71f1 in RGB, HSL and CMYK?
In RGB, #1f71f1 is rgb(31, 113, 241), in HSL hsl(217, 88%, 53%) and in CMYK 87%, 53%, 0%, 5%.
Where should I use #1f71f1 in my design?
#1f71f1 functions best as a high-visibility accent color rather than a primary background or text color. Use it for call-to-action buttons, link highlights, or status indicators where you need to draw the user eye immediately.
What colors pair well with #1f71f1?
Pair #1f71f1 with neutral backgrounds like charcoal or soft off-whites to balance its intense saturation. For a more aggressive, high-contrast palette, it works well alongside subtle complementary oranges, though you must ensure the proportions remain balanced to avoid visual strain.
Is #1f71f1 readable on white or black?
#1f71f1 has a 4.47:1 contrast ratio on white and 4.69: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.