#4D87BD Hex Color

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

Hex color #4d87bd graphic
With its muted saturation and medium lightness, #4d87bd is a cool blue with subtle gray undertones. It brings a steady, dependable feel to finance, healthcare, technology, and government branding without appearing overly formal. Use it as a supporting color beside navy, warm gray, or off-white, especially in interfaces and service-focused layouts. Black text achieves about 5.5:1 contrast, meeting WCAG AA for body text. The hex code is #4d87bd.

Questions about #4d87bd

What is #4d87bd in RGB, HSL and CMYK?
In RGB, #4d87bd is rgb(77, 135, 189), in HSL hsl(209, 46%, 52%) and in CMYK 59%, 29%, 0%, 26%.
What colors pair well with #4d87bd?
#4d87bd pairs well with navy, warm gray, off-white, and charcoal, creating a calm interface palette that keeps its cool blue base grounded without making service-focused layouts feel overly formal or visually heavy.
Does #4d87bd look warm or cool?
#4d87bd reads as a cool blue because its muted saturation is balanced by subtle gray undertones, giving it a steady, dependable mood suited to technology, healthcare, finance, and government-facing design.
Is #4d87bd readable on white or black?
#4d87bd has a 3.80:1 contrast ratio on white and 5.51: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.