#3B4A82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo carries a dusty, desaturated quality that feels grounded and professional. Because it sits on the cooler side of the spectrum, #3b4a82 works best as a primary background for high-tech or financial interfaces. It offers enough contrast for white text to remain perfectly legible. Pair it with soft cream or warm grey to prevent the color from appearing too bleak in your layout.
Questions about #3b4a82
What is #3b4a82 in RGB, HSL and CMYK?
In RGB, #3b4a82 is rgb(59, 74, 130), in HSL hsl(227, 38%, 37%) and in CMYK 55%, 43%, 0%, 49%.
What colors complement #3b4a82 effectively?
Soft creams and warm greys create the best balance for #3b4a82, preventing this desaturated indigo from looking too bleak. These light neutrals highlight the color’s coolness without overwhelming the professional, grounded aesthetic required for high-tech or financial interface layouts.
Is #3b4a82 suitable for professional interface text?
While #3b4a82 is excellent for background sections, it is generally too dark and desaturated to serve as primary body text. Use it instead as a container or header background, ensuring you overlay high-contrast white text to maintain strict readability standards.
Is #3b4a82 readable on white or black?
#3b4a82 has a 8.44:1 contrast ratio on white and 2.48: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.