#1F57A5 Hex Color

A grounded professional blue with serious weight

Hex color #1f57a5 graphic
#1f57a5 is a grounded, unsaturated blue that carries a professional, serious weight. Because it sits on the cooler side of the spectrum, it serves as an excellent, high-contrast base for technical or finance UI layouts. White text maintains perfect readability against this shade. If your design feels too bright, learning how to make gray can help you tone down competing elements.

Questions about #1f57a5

What is #1f57a5 in RGB, HSL and CMYK?
In RGB, #1f57a5 is rgb(31, 87, 165), in HSL hsl(215, 68%, 38%) and in CMYK 81%, 47%, 0%, 35%.
What colors pair well with #1f57a5 for UI design?
#1f57a5 works best when paired with crisp, clean neutrals like white or very light gray to maximize the readability of text. For accent colors, adding subtle warmth with a soft gold or amber creates a professional, high-contrast scheme that feels balanced rather than sterile.
Does #1f57a5 read as a warm or cool color?
#1f57a5 is distinctly cool-toned, sitting firmly on the blue side of the spectrum with very little warmth or green undertones. This coolness makes it ideal for building trust and reliability in professional interfaces where a calm, steady visual weight is desired.
Is #1f57a5 readable on white or black?
#1f57a5 has a 7.08:1 contrast ratio on white and 2.96: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 is too faint for text. Try other pairs in the contrast checker.