#3F50AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dim indigo carries a serious, mysterious weight that anchors moody interface designs. Because it sits on the darker side of the spectrum, #3f50aa works best as a primary background or a heavy brand color. It pairs surprisingly well with muted gold accents rather than stark white. While you might wonder about mixing gray to dull its intensity, this shade stands strong on its own.
Questions about #3f50aa
What is #3f50aa in RGB, HSL and CMYK?
In RGB, #3f50aa is rgb(63, 80, 170), in HSL hsl(230, 46%, 46%) and in CMYK 63%, 53%, 0%, 33%. Browse more shades of blue with names and hex codes.
What colors pair well with #3f50aa for UI design?
#3f50aa works best when paired with muted gold or soft cream accents to cut through its heavy, dark intensity. Avoid high-contrast stark whites, as they can make this deep indigo appear harsh and disconnected in professional layouts.
Is #3f50aa suitable for text-heavy interfaces?
While #3f50aa creates a grounded and serious background for buttons or navigation bars, it is often too dark for body text. You should instead use it for headers or interactive elements, keeping standard text in a high-contrast neutral.
Is #3f50aa readable on white or black?
#3f50aa has a 7.14:1 contrast ratio on white and 2.93: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.