#5483E0 Hex Color
Crisp blue with steady confidence

A fairly saturated, cool blue with a crisp, controlled look, #5483e0 feels dependable without appearing heavy. Its medium lightness supports trust and security in finance, healthcare, technology, and government branding. Use it as a supporting tone with navy or warm gray. Black text achieves about 5.7:1 contrast, making the hex code suitable behind small body text.
Questions about #5483e0
What is #5483e0 in RGB, HSL and CMYK?
In RGB, #5483e0 is rgb(84, 131, 224), in HSL hsl(220, 69%, 60%) and in CMYK 63%, 42%, 0%, 12%.
Does #5483e0 work with black or white text?
Black text works well on #5483e0, with about a 5.7:1 contrast ratio that meets WCAG AA for normal text. White text has lower contrast, so reserve it for larger type or nonessential content.
What colors pair well with #5483e0?
#5483e0 pairs well with navy for a deeper, dependable palette and warm gray for softer balance. These combinations suit finance, healthcare, technology, and government interfaces where a crisp, trustworthy feel matters without seeming overly heavy.
Is #5483e0 readable on white or black?
#5483e0 has a 3.68:1 contrast ratio on white and 5.69: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.