#403DFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, highly saturated shade of indigo commands attention immediately. Because of its electric energy, #403dfb works best as a sharp accent rather than a background color. Pair it with soft, muted greys to ground its brilliance, or use it for calls to action where you need high visibility. White text reads clearly on this hex code, making it a reliable choice for UI highlights.
Questions about #403dfb
What is #403dfb in RGB, HSL and CMYK?
In RGB, #403dfb is rgb(64, 61, 251), in HSL hsl(241, 96%, 61%) and in CMYK 75%, 76%, 0%, 2%.
How can I use #403dfb effectively in UI design?
#403dfb functions best as a sharp, high-contrast accent color for buttons, links, or notification badges. Because of its electric intensity, avoid using it for large backgrounds, as it can overwhelm the eyes and reduce readability over long periods.
Which neutral colors pair best with #403dfb?
Soft, muted greys and off-whites ground the brilliance of #403dfb perfectly. Pairing this electric indigo with a charcoal or cool-toned slate creates a balanced professional look that keeps the focus on your call to action without feeling chaotic.
Is #403dfb readable on white or black?
#403dfb has a 6.40:1 contrast ratio on white and 3.27: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.