#3F51B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo packs high intensity, commanding attention without feeling aggressive. The hex code #3f51b5 works best as a punchy accent or primary brand color rather than a full background, where its saturation can fatigue the eye. It pairs cleanly with soft creams or warm grays to balance its coolness. With a 6.9:1 contrast ratio against white, it remains legible for small text and fine UI details.
Questions about #3f51b5
What is #3f51b5 in RGB, HSL and CMYK?
In RGB, #3f51b5 is rgb(63, 81, 181), in HSL hsl(231, 48%, 48%) and in CMYK 65%, 55%, 0%, 29%.
How should I use #3f51b5 in a web design interface?
#3f51b5 works best as a primary action color or a high-impact accent, but avoid using it for large background blocks where its high saturation can cause eye strain. It provides a 6.9:1 contrast ratio against white, ensuring excellent readability for small text and icons.
What colors pair well with #3f51b5 for a balanced palette?
This cool indigo pairs beautifully with cream or warm gray tones to soften its intensity and create a sophisticated, modern aesthetic. For a higher contrast look, use crisp white or light neutral shades to make the indigo pop as the main focal point.
Is #3f51b5 readable on white or black?
#3f51b5 has a 6.87:1 contrast ratio on white and 3.05: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.