#1F88EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-chroma blue demands immediate attention. It functions best as an accent color for UI buttons or call-to-action elements rather than a background. Because it provides 5.8:1 contrast against black text, the color remains accessible for readable typography. The hex code for this electric shade is #1f88ea. Use it sparingly to avoid overwhelming your design layout, as its intensity creates significant visual weight.
Questions about #1f88ea
What is #1f88ea in RGB, HSL and CMYK?
In RGB, #1f88ea is rgb(31, 136, 234), in HSL hsl(209, 83%, 52%) and in CMYK 87%, 42%, 0%, 8%.
How should #1f88ea be used in interface design?
Use #1f88ea sparingly as a high-impact accent color for interactive elements like primary buttons or notification badges. Because of its high chroma, it creates significant visual weight and can easily overpower a layout if used as a large background.
Is #1f88ea readable on white or black?
#1f88ea has a 3.64:1 contrast ratio on white and 5.76: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.