#3B487D Hex Color

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

Hex color #3b487d graphic
Muted and dark, #3b487d is an indigo shade with cool blue and gray undertones. Its low saturation gives layouts a serious, composed feel without the weight of near-black navy. Use it as a UI background or supporting brand color, pairing it with burgundy or soft gray. The hex code #3b487d supports clear white text at 8.7:1 contrast.

Questions about #3b487d

What is #3b487d in RGB, HSL and CMYK?
In RGB, #3b487d is rgb(59, 72, 125), in HSL hsl(228, 36%, 36%) and in CMYK 53%, 42%, 0%, 51%.
What colors pair well with #3b487d?
#3b487d pairs well with white, soft gray, and burgundy, balancing its cool, muted indigo character while preserving a calm palette for interface backgrounds, brand systems, and restrained digital editorial layouts.
Does #3b487d look warm or cool?
#3b487d reads as a cool color because its blue base is softened by gray, creating a muted, serious, and composed mood that suits focused interfaces, professional branding, dashboards, and other designs needing visual restraint.
Is #3b487d readable on white or black?
#3b487d has a 8.71:1 contrast ratio on white and 2.40: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 is too faint for text. Try other pairs in the contrast checker.