#4972B4 Hex Color
Restrained and professional dusty blue
This muted, dusty blue feels restrained rather than vibrant. Because of its desaturated quality, #4972b4 works best as a background tone for professional UI designs, specifically in finance or tech, where understated clarity is needed. It offers enough contrast for white text, making it highly readable. Use this hex code as a base color, but pair it with warm greys to keep the palette from feeling too cold.
Questions about #4972b4
What is #4972b4 in RGB, HSL and CMYK?
In RGB, #4972b4 is rgb(73, 114, 180), in HSL hsl(217, 42%, 50%) and in CMYK 59%, 37%, 0%, 29%.
What colors pair well with #4972b4?
#4972b4 works exceptionally well when paired with warm greys or soft creams to neutralize its cool, professional aesthetic. For a modern tech-focused look, try combining it with a crisp off-white or a deep charcoal to maintain high contrast and readability.
Is #4972b4 suitable for text in UI design?
Yes, #4972b4 provides excellent readability against light backgrounds, making it a reliable choice for primary UI elements or secondary headings. It balances professional weight with a subtle, non-aggressive tone that performs well in long-form reading environments.
Is #4972b4 readable on white or black?
#4972b4 has a 4.82: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.