#4D51B5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and punchy, #4d51b5 sits squarely between deep violet and royal blue. This hex code commands attention, making it an excellent choice for bold calls to action or UI highlights. Because it offers high readability against white text, it works well for small detail elements. Use it as an accent rather than a full background to prevent the intensity from overwhelming your layout.
Questions about #4d51b5
What is #4d51b5 in RGB, HSL and CMYK?
In RGB, #4d51b5 is rgb(77, 81, 181), in HSL hsl(238, 41%, 51%) and in CMYK 57%, 55%, 0%, 29%.
How should I use #4d51b5 in a web interface?
#4d51b5 works best as a focused accent rather than a full background color to avoid overwhelming your layout. It is highly effective for primary call-to-action buttons or small UI highlights where you need to draw immediate user attention against clean, light backgrounds.
Which color palettes pair best with #4d51b5?
This vibrant violet blue pairs beautifully with crisp neutrals like white or light gray to maintain readability. For a more sophisticated contrast, try pairing it with soft complementary yellows or muted gold accents to balance its inherent intensity.
Is #4d51b5 readable on white or black?
#4d51b5 has a 6.64:1 contrast ratio on white and 3.15: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.