#508CBB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #508cbb when a design needs a steady, dependable blue for banking apps, patient portals, or civic sites. This muted steel blue has soft gray undertones and reads professional rather than playful. It works best as a supporting tone, since it can wash out next to plain white. Black text passes AA contrast on it at about 5.8:1. Pair the hex code #508cbb with warm coral accents to keep layouts from feeling flat.
Questions about #508cbb
What is #508cbb in RGB, HSL and CMYK?
In RGB, #508cbb is rgb(80, 140, 187), in HSL hsl(206, 44%, 52%) and in CMYK 57%, 25%, 0%, 27%.
What colors pair well with #508cbb?
Warm accents like burnt orange give #508cbb the strongest contrast, while deep navy or charcoal grounds it in formal palettes. Avoid pale pastels nearby, since they wash out its muted tone.
Is #508cbb readable on white or black?
#508cbb has a 3.61:1 contrast ratio on white and 5.80: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.