#4C87C8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone blue is desaturated and professional, offering a clean aesthetic for corporate branding or interface design. Its muted personality makes it a safe choice for primary buttons or navigational elements rather than large-scale backgrounds. Because it maintains strong contrast, use black text for clear readability. The hex code for this cool, reliable blue is #4c87c8.
Questions about #4c87c8
What is #4c87c8 in RGB, HSL and CMYK?
In RGB, #4c87c8 is rgb(76, 135, 200), in HSL hsl(211, 53%, 54%) and in CMYK 62%, 32%, 0%, 22%.
What colors pair well with #4c87c8?
This blue works best when paired with neutral tones like soft slate or crisp whites to maintain its professional aesthetic. For contrast, try using warm, muted oranges or soft creams to balance the cool, desaturated personality of #4c87c8.
Is #4c87c8 readable on white or black?
#4c87c8 has a 3.74:1 contrast ratio on white and 5.60: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.