#4772B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue tone feels professional and muted. It functions best as a supporting color in corporate or healthcare interfaces rather than a primary shade. With a 4.8:1 contrast ratio against white text, it supports accessible body type. This hex code, #4772b5, works well when paired with crisp neutrals to keep the design from feeling too heavy or washed out.
Questions about #4772b5
What is #4772b5 in RGB, HSL and CMYK?
In RGB, #4772b5 is rgb(71, 114, 181), in HSL hsl(217, 44%, 49%) and in CMYK 61%, 37%, 0%, 29%.
Where should I use the #4772b5 color in UI design?
#4772b5 functions best as a supporting color for secondary interface elements rather than a primary shade. Its muted quality makes it ideal for corporate dashboards, healthcare portals, or data visualizations where readability is prioritized over bright, energetic branding.
What colors pair well with #4772b5 for a balanced palette?
This blue pairs effectively with crisp neutrals like off-white or light cool gray to prevent the design from feeling heavy. You can also introduce a warm accent like a soft terracotta to add subtle contrast without overwhelming the muted base.
Is #4772b5 readable on white or black?
#4772b5 has a 4.83:1 contrast ratio on white and 4.34: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.