#1F54EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Electric and loud, #1f54ef sits between royal and neon blue. It carries enough saturation to grab attention, which makes it a strong choice for buttons, links, and calls to action. White text stays readable on top of it, so it works well behind labels and UI controls. Pair it with warm sand or charcoal to keep the intensity in check. For related shades, see what colors make blue.
Questions about #1f54ef
What is #1f54ef in RGB, HSL and CMYK?
In RGB, #1f54ef is rgb(31, 84, 239), in HSL hsl(225, 87%, 53%) and in CMYK 87%, 65%, 0%, 6%.
What colors pair well with #1f54ef?
Warm sand, cream, and charcoal flatter this blue best. Gold or amber accents add energy without clashing, while navy and other deep blues tend to blend together and dull the contrast.
Is #1f54e9 good for text and buttons?
Yes, white text passes contrast checks on top of it at roughly 5.9 to 1, so buttons and links stay legible. Keep it as an accent rather than a large background, where its intensity wears on the eyes.
Is #1f54ef readable on white or black?
#1f54ef has a 5.87:1 contrast ratio on white and 3.57: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.