#506FB5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #506fb5 is a medium blue with gray undertones and a matte, dusty finish. Its restrained saturation gives interfaces a dependable, controlled feel. Use it as a supporting tone in finance, healthcare, security, and government designs. White text reaches about 4.9:1 contrast, suitable for WCAG AA body copy. The hex code is #506fb5.
Questions about #506fb5
What is #506fb5 in RGB, HSL and CMYK?
In RGB, #506fb5 is rgb(80, 111, 181), in HSL hsl(222, 41%, 51%) and in CMYK 56%, 39%, 0%, 29%.
What colors pair well with #506fb5?
#506fb5 pairs well with white, charcoal, soft gray, and warm neutrals, preserving its cool, dependable feel while adding readable contrast; muted orange or terracotta can introduce restrained complementary warmth without overwhelming the blue.
Is #506fb5 a warm or cool color?
#506fb5 reads as a cool, muted blue because its blue base and gray undertones reduce warmth and saturation, giving the shade a dusty, controlled character that suits calm interfaces and systems needing a dependable visual tone.
Is #506fb5 readable on white or black?
#506fb5 has a 4.90:1 contrast ratio on white and 4.28: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.