#5485C9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Buttons, links, and trust badges often call for a dependable mid blue like this one. The hex code #5485c9 sits at a moderate saturation, so it reads steady rather than loud. It works best as a supporting tone in fintech, healthcare, and government interfaces, and it looks richer next to warm terracotta accents than beside plain gray. Black text passes AA on it at roughly 5.6:1 contrast.
Questions about #5485c9
What is #5485c9 in RGB, HSL and CMYK?
In RGB, #5485c9 is rgb(84, 133, 201), in HSL hsl(215, 52%, 56%) and in CMYK 58%, 34%, 0%, 21%.
What text color works best on #5485c9?
Black text is the safe choice, reaching about 5.6:1 contrast, which passes WCAG AA for small body text. White text falls short of the 4.5:1 threshold here, so keep it to large type only.
What colors pair well with #5485c9?
Warm complements like terracotta and burnt orange make this blue feel richer than the usual navy-and-gray pairing. For a calmer scheme, combine it with off-white surfaces and charcoal type.
Is #5485c9 readable on white or black?
#5485c9 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.