#4B5C87 Hex Color

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

Hex color #4b5c87 graphic
This muted, inky blue carries a serious weight, ideal for security or finance-focused UI designs. Because it is desaturated, #4b5c87 serves as a reliable base for dark mode interfaces. White text reads clearly against it, ensuring high readability for users. Avoid pairing this shade with loud, neon highlights. The hex code for this cool tone is #4b5c87.

Questions about #4b5c87

What is #4b5c87 in RGB, HSL and CMYK?
In RGB, #4b5c87 is rgb(75, 92, 135), in HSL hsl(223, 29%, 41%) and in CMYK 44%, 32%, 0%, 47%. Browse more shades of blue with names and hex codes.
When should I use #4b5c87 in my UI designs?
Use #4b5c87 as a primary background or text base for financial and security-focused applications. Its muted intensity keeps content legible while conveying trust, making it a stable, professional choice that avoids the visual strain of brighter, more saturated tones.
Which colors pair effectively with #4b5c87 for palettes?
Pair #4b5c87 with warm, muted neutrals like cream or sand to balance its cool temperature without creating jarring contrast. For secondary accents, choose desaturated teals or soft grays to maintain the professional, understated aesthetic this inky blue requires.
Is #4b5c87 readable on white or black?
#4b5c87 has a 6.60:1 contrast ratio on white and 3.17: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.