#1F77DF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not a muted navy or a soft sky tone, #1f77df is a vivid, saturated blue with real punch. That intensity makes it a strong accent for buttons, links, and calls to action, though it can overwhelm as a full background. Black text stays readable on top at about 4.8:1 contrast, so it passes WCAG AA for body copy. It flatters warm counterparts like coral and amber. Compare it with other shades of blue.
Questions about #1f77df
What is #1f77df in RGB, HSL and CMYK?
In RGB, #1f77df is rgb(31, 119, 223), in HSL hsl(213, 76%, 50%) and in CMYK 86%, 47%, 0%, 13%.
What colors pair well with #1f77df?
Warm accents make it pop. Try coral or amber for calls to action, or pair it with charcoal for a calmer interface. Its saturation means muted neighbors often work better than equally bright ones.
Is #1f77df readable on white or black?
#1f77df has a 4.40:1 contrast ratio on white and 4.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.