#1B57BE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue feels commanding and reliable, making it a strong choice for professional branding in finance or technology. Because it maintains a high contrast ratio against white text, it works well for buttons and interface accents. If you need other shades of blue for a full palette, use this as your primary 30% mid-tone. The hex code for this color is #1b57be.
Questions about #1b57be
What is #1b57be in RGB, HSL and CMYK?
In RGB, #1b57be is rgb(27, 87, 190), in HSL hsl(218, 75%, 43%) and in CMYK 86%, 54%, 0%, 25%.
Why is #1b57be a good choice for user interfaces?
It maintains a high contrast ratio against white text, ensuring excellent readability for buttons and call-to-action elements. This makes it a reliable choice for professional dashboards and financial applications that prioritize clarity over artistic flair.
What colors pair well with #1b57be?
It pairs beautifully with neutral light gray backgrounds to let the saturation pop without overwhelming the layout. For high-impact contrast, use it alongside a crisp off-white or white to maintain professional visual hierarchy.
Is #1b57be readable on white or black?
#1b57be has a 6.65:1 contrast ratio on white and 3.15: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.