#4887BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone, unsaturated blue carries a professional, stable quality often associated with corporate branding and financial institutions. Because #4887bc offers sufficient contrast, it works well for small body text when paired with black. Use it as a solid secondary color or a supporting tone in UI design, as it can feel slightly flat if overused across large, empty backgrounds.
Questions about #4887bc
What is #4887bc in RGB, HSL and CMYK?
In RGB, #4887bc is rgb(72, 135, 188), in HSL hsl(207, 46%, 51%) and in CMYK 62%, 28%, 0%, 26%.
How can I use #4887bc effectively in UI design?
#4887bc works best as a secondary or supporting color rather than a primary background to avoid a flat appearance. It provides excellent contrast for body text against light backgrounds, maintaining legibility and a corporate, reliable feel.
Does #4887bc pair well with other colors?
This blue pairs naturally with neutral tones like charcoal or soft off-whites to maintain a sophisticated professional aesthetic. For a more vibrant look, consider balancing it with complementary orange-based hues to create visual interest without overwhelming the design.
Is #4887bc readable on white or black?
#4887bc has a 3.84:1 contrast ratio on white and 5.46: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.