#4878CC Hex Color

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

Hex color #4878cc graphic
This cool, unsaturated blue conveys steady professionalism and security. Because it sits comfortably between bright and muted, #4878cc functions best as a supporting secondary color in corporate branding or UI layouts. It provides high contrast for black text, making it a reliable choice for legible body copy or functional interface icons. The hex code for this stable blue is #4878cc.

Questions about #4878cc

What is #4878cc in RGB, HSL and CMYK?
In RGB, #4878cc is rgb(72, 120, 204), in HSL hsl(218, 56%, 54%) and in CMYK 65%, 41%, 0%, 20%.
What makes #4878cc effective for professional UI design?
The unsaturated quality of #4878cc provides high contrast against dark or light text while maintaining a calm, secure feeling. It functions reliably as a secondary color in interfaces, ensuring buttons and icons remain legible without overwhelming the primary user experience.
Which colors create a harmonious palette with #4878cc?
This stable blue pairs naturally with neutral charcoal for high-contrast text or a crisp white for a clean, corporate aesthetic. For a more vibrant scheme, try balancing it with soft, muted accents like sage to ground the cool tones.
Is #4878cc readable on white or black?
#4878cc has a 4.34:1 contrast ratio on white and 4.83: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.