#3B5471 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dusty blue leans into an inky, muted aesthetic. Because it lacks saturation, #3b5471 acts as a stable, serious backdrop for corporate and tech-focused interfaces. It offers enough contrast for white text to remain readable, making it a functional choice for body copy or large backgrounds. Try pairing this matte tone with warm, golden accents to keep the palette from feeling too chilly.
Questions about #3b5471
What is #3b5471 in RGB, HSL and CMYK?
In RGB, #3b5471 is rgb(59, 84, 113), in HSL hsl(212, 31%, 34%) and in CMYK 48%, 26%, 0%, 56%.
What design aesthetic does #3b5471 suit best?
#3b5471 is ideal for professional, high-trust environments that require a grounded atmosphere. Its low saturation keeps it from distracting the eye, making it a functional, stable choice for data-heavy dashboards, corporate web design, and tech-focused user interfaces.
Which accent colors work well with #3b5471?
To balance the cool, inky nature of #3b5471, pair it with warm, muted metallics or sandy neutrals. Subtle gold or warm cream accents prevent the design from feeling too clinical or chilly, adding a necessary layer of humanizing warmth.
Is #3b5471 readable on white or black?
#3b5471 has a 7.79:1 contrast ratio on white and 2.69: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.