#4484B4 Hex Color

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

Hex color #4484b4 graphic
This muted, medium-blue tone projects a professional and restrained air. Its steady quality makes it a strong choice for financial and government UI. The hex code #4484b4 provides sufficient contrast to support small black text, adhering to accessibility standards. Pair this shade with soft creams rather than stark white to prevent the design from feeling overly cold.

Questions about #4484b4

What is #4484b4 in RGB, HSL and CMYK?
In RGB, #4484b4 is rgb(68, 132, 180), in HSL hsl(206, 45%, 49%) and in CMYK 62%, 27%, 0%, 29%.
What colors pair well with #4484b4 for UI design?
Use soft creams instead of stark white to avoid making #4484b4 feel too cold or sterile in a layout. It also pairs effectively with charcoal for text or sand for background accents to maintain a professional, restrained aesthetic.
Is #4484b4 readable on white or black?
#4484b4 has a 4.03:1 contrast ratio on white and 5.20: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.