#4D53B5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #4d53b5 graphic
This intense, saturated indigo feels authoritative and moody without crossing into darkness. The hex code #4d53b5 works best as an accent color in UI design, as it can overwhelm large backgrounds. It maintains excellent readability with white text, offering a high-contrast pairing for modern, tech-focused interfaces. Use this bold tone sparingly to draw attention to primary calls to action.

Questions about #4d53b5

What is #4d53b5 in RGB, HSL and CMYK?
In RGB, #4d53b5 is rgb(77, 83, 181), in HSL hsl(237, 41%, 51%) and in CMYK 57%, 54%, 0%, 29%.
Where should I use #4d53b5 in a user interface?
#4d53b5 performs best as a strategic accent color for primary buttons, call-to-action links, or focus indicators. Because of its high saturation, it can overwhelm the user if applied to large background surfaces or full-page layouts.
Is #4d53b5 readable on white or black?
#4d53b5 has a 6.52:1 contrast ratio on white and 3.22: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.