#1E5BBC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity blue brings a punch of energy to digital interfaces. Because #1e5bbc is quite bold, use it as an accent rather than a full page background to avoid overwhelming the viewer. It pairs well with crisp white text, which clears the 4.5:1 accessibility threshold easily. The hex code for this primary blue is #1e5bbc.
Questions about #1e5bbc
What is #1e5bbc in RGB, HSL and CMYK?
In RGB, #1e5bbc is rgb(30, 91, 188), in HSL hsl(217, 72%, 43%) and in CMYK 84%, 52%, 0%, 26%.
How can I use #1e5bbc effectively in user interface design?
Use #1e5bbc as an energetic accent color for call-to-action buttons or navigation highlights rather than large backgrounds. Its high saturation can overwhelm the viewer if overused, but it maintains great contrast against white or light gray text.
Which colors pair best with #1e5bbc for a balanced palette?
Pair #1e5bbc with neutral tones like light gray or crisp white to balance its intensity. For a high-contrast scheme, consider complementary soft coral or warm orange accents to add visual interest without clashing.
Is #1e5bbc readable on white or black?
#1e5bbc has a 6.40:1 contrast ratio on white and 3.27: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.