#4B6F87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue feels grounded and professional. It lacks the intensity of primary colors, making it a reliable choice for corporate interfaces or fintech dashboards. Since the hex code #4b6f87 is somewhat dark, pair it with white text to ensure readability, as this combination provides a 5.4:1 contrast ratio. It works best as a large background or container rather than a small accent.
Questions about #4b6f87
What is #4b6f87 in RGB, HSL and CMYK?
In RGB, #4b6f87 is rgb(75, 111, 135), in HSL hsl(204, 29%, 41%) and in CMYK 44%, 18%, 0%, 47%. Browse more shades of blue with names and hex codes.
How should I use #4b6f87 in web design projects?
#4b6f87 works best as a large background or structural container rather than a small accent color. Because of its dark, unsaturated nature, use white or very light text on top to maintain high readability and a 5.4:1 contrast ratio.
What colors pair well with #4b6f87?
Pair #4b6f87 with a clean off-white or soft cream to create a sophisticated, corporate look that feels approachable yet stable. For a bolder contrast, combine it with a muted terracotta to introduce warmth without overwhelming the professional palette.
Is #4b6f87 readable on white or black?
#4b6f87 has a 5.35:1 contrast ratio on white and 3.92: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.