#5184D1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5184d1 graphic
A cool, moderately muted blue, #5184d1 feels steady and controlled rather than loud. Its medium lightness supports trust, responsibility, and security in finance, healthcare, technology, and government branding. Use it as a supporting tone with navy, white, or slate, especially in interfaces. The hex code #5184d1 supports black body text at about a 5.6:1 contrast ratio.

Questions about #5184d1

What is #5184d1 in RGB, HSL and CMYK?
In RGB, #5184d1 is rgb(81, 132, 209), in HSL hsl(216, 58%, 57%) and in CMYK 61%, 37%, 0%, 18%.
What colors pair well with #5184d1?
The #5184d1 hex color pairs well with navy, slate, and white, which reinforce its cool blue base without competing with its moderate saturation; navy adds depth, white keeps layouts crisp, and charcoal offers a softer dark neutral.
Does #5184d1 read as a warm or cool blue?
The #5184d1 hex color reads as a cool blue because its blue channel is noticeably stronger than its red and green channels, giving it a controlled, steady feel rather than a warm or energetic appearance.
Where does #5184d1 work well?
The #5184d1 hex color works well for interface accents, dashboards, finance, healthcare, technology, and government branding because its medium, muted blue communicates trust and stability without demanding attention from surrounding content.
Is #5184d1 readable on white or black?
#5184d1 has a 3.76:1 contrast ratio on white and 5.57: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.