#505B80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#505b80 is a muted blue-indigo with gray undertones, medium-dark lightness, and low saturation. Its dusty, cool appearance suits serious finance, technology, healthcare, and government branding. Use it as a supporting tone or dark interface background, pairing it with warm cream or muted brass. The hex code #505b80 supports readable white body text at about 6.7:1 contrast.
Questions about #505b80
What is #505b80 in RGB, HSL and CMYK?
In RGB, #505b80 is rgb(80, 91, 128), in HSL hsl(226, 23%, 41%) and in CMYK 38%, 29%, 0%, 50%. Browse more shades of blue with names and hex codes.
What colors pair well with #505b80?
#505b80 pairs well with warm cream, muted brass, and pale blue-gray, which soften its cool, dusty base without competing with it. Use cream for contrast and brass as a restrained accent.
Does #505b80 feel warm or cool?
#505b80 reads as a cool color because its blue-indigo base is softened by gray, creating a muted, serious mood rather than a bright or energetic one. It suits calm digital interfaces and formal visual systems.
Is #505b80 readable on white or black?
#505b80 has a 6.66:1 contrast ratio on white and 3.14: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.