#1557BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated blue commands attention with its intense, authoritative presence. Because #1557bf maintains strong contrast against white text at a 6.7:1 ratio, it functions well for high-visibility UI elements like buttons or primary action links. Avoid using this hex code as a full background, as its high chroma can overwhelm viewers. Instead, pair it with muted greys or soft creams for a balanced, modern look.
Questions about #1557bf
What is #1557bf in RGB, HSL and CMYK?
In RGB, #1557bf is rgb(21, 87, 191), in HSL hsl(217, 80%, 42%) and in CMYK 89%, 54%, 0%, 25%.
Where should I use #1557bf in a user interface?
#1557bf functions best as a high-visibility accent color for primary action buttons or essential links. Because of its intense chroma, avoid using it as a large-scale background, as it will likely overwhelm the layout and cause visual strain for the user.
What colors pair well with #1557bf?
This blue balances perfectly against neutral foundations like charcoal or soft creams. For a more sophisticated palette, try pairing #1557bf with muted, desaturated tones which allow the primary blue to maintain its authoritative impact without competing for visual dominance.
Is #1557bf readable on white or black?
#1557bf has a 6.67:1 contrast ratio on white and 3.14: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.