#1F53F1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated blue demands attention. Because it sits on the louder side of the spectrum, #1f53f1 works best as an accent color for calls to action or UI highlights rather than a large background. It pairs exceptionally well with cool grays or clean white text, meeting accessibility standards for small body copy. The hex code for this electric blue is #1f53f1.
Questions about #1f53f1
What is #1f53f1 in RGB, HSL and CMYK?
In RGB, #1f53f1 is rgb(31, 83, 241), in HSL hsl(225, 88%, 53%) and in CMYK 87%, 66%, 0%, 5%. Browse more shades of blue with names and hex codes.
Where should I use #1f53f1 in a UI design?
#1f53f1 is best reserved for interactive elements like primary call-to-action buttons, active states, or notification badges. Because this blue is so loud, using it for large backgrounds or body text can create visual fatigue and hurt readability.
What colors pair well with #1f53f1?
This vibrant shade balances effectively against neutral tones, such as charcoal or soft whites, which allow the blue to stand out without overwhelming the viewer. For a modern, high-contrast look, pair it with subtle cool grays to keep the composition professional.
Is #1f53f1 readable on white or black?
#1f53f1 has a 5.88:1 contrast ratio on white and 3.56: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 only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.