#4476B1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#4476b1 is a muted, mid-tone blue that avoids feeling overly vivid or sharp. Because of its steady, unpretentious character, it serves well as a reliable base for corporate UI or data-heavy dashboards. It offers enough contrast against white text for accessibility. Pair this hex code with soft grays or creams to keep the interface legible without creating visual fatigue.
Questions about #4476b1
What is #4476b1 in RGB, HSL and CMYK?
In RGB, #4476b1 is rgb(68, 118, 177), in HSL hsl(212, 44%, 48%) and in CMYK 62%, 33%, 0%, 31%.
What colors pair well with #4476b1 in a UI design?
#4476b1 works effectively alongside cream or light gray to maintain readability without overwhelming the user. These neutral backgrounds provide a sophisticated backdrop that lets the blue remain the primary focal point for buttons or data visualization.
Is #4476b1 readable on white or black?
#4476b1 has a 4.69:1 contrast ratio on white and 4.47: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.