#506CB8 Hex Color
Cool, steady blue-violet for focused designs
Muted and cool, #506cb8 balances a medium-dark value with restrained saturation, giving interfaces a dependable, controlled feel. Its blue-violet undertone supports branding for finance, security, healthcare, and technology without appearing severe. Use it as a supporting tone with warm white or slate, and pair it with white text for readable body copy. The hex code is #506cb8.
Questions about #506cb8
What is #506cb8 in RGB, HSL and CMYK?
In RGB, #506cb8 is rgb(80, 108, 184), in HSL hsl(224, 42%, 52%) and in CMYK 57%, 41%, 0%, 28%.
What colors pair well with #506cb8?
Pair #506cb8 with warm white, light gray, or charcoal for balanced contrast; muted terracotta or soft gold can add warmth without overpowering its cool blue-violet base in interface and brand palettes.
Does #506cb8 feel warm or cool?
#506cb8 reads as a cool, muted blue-violet because its blue base and restrained saturation create a calm, controlled impression, making it useful for navigation, buttons, dashboards, and supporting brand elements that need confidence without stark intensity.
Is #506cb8 readable on white or black?
#506cb8 has a 5.02:1 contrast ratio on white and 4.17: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.