#403B84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dark indigo carries a professional authority that feels more approachable than standard navy. Because it lacks harsh brightness, #403b84 works as a stable base for corporate branding or moody UI layouts. It provides excellent contrast for white typography, making it a reliable choice for large background blocks. Use the hex code #403b84 to add structure without the heaviness of black.
Questions about #403b84
What is #403b84 in RGB, HSL and CMYK?
In RGB, #403b84 is rgb(64, 59, 132), in HSL hsl(244, 38%, 37%) and in CMYK 52%, 55%, 0%, 48%.
How does #403b84 function in professional UI design?
#403b84 offers a stable, structured foundation that reads as more approachable and less severe than pure black or standard navy. It works exceptionally well as a primary background for dashboards or sidebar navigation where readability is paramount.
Which accent colors pair best with #403b84?
Because of its muted, dark indigo base, #403b84 pairs beautifully with warm, contrasting tones like a soft mustard or a muted terracotta. These pairings create a balanced visual tension that feels modern and intentional without overwhelming the eyes.
Is #403b84 readable on white or black?
#403b84 has a 9.64:1 contrast ratio on white and 2.17: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.