#157AA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, cool blue balances professionalism with a sense of security, making it a reliable choice for finance and corporate UI design. Because the hex code #157aa8 offers a 4.8:1 contrast ratio against white, it works well for readable body text. Pair it with soft creams if you need to learn what colors make gray for a more neutral, balanced palette.
Questions about #157aa8
What is #157aa8 in RGB, HSL and CMYK?
In RGB, #157aa8 is rgb(21, 122, 168), in HSL hsl(199, 78%, 37%) and in CMYK 87%, 27%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #157aa8?
To create a balanced palette, pair #157aa8 with soft creams or light grays to maintain its clean, corporate aesthetic. If you need more contrast, it also works beautifully when accented by a subtle warm orange to energize the otherwise cool, muted undertones.
Is #157aa8 readable on white or black?
#157aa8 has a 4.79:1 contrast ratio on white and 4.38: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.