#4040D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, electric violet-blue commands attention with high intensity. Because #4040d0 is so vivid, use it sparingly as an accent rather than a full background to avoid overwhelming the viewer. It pairs unexpectedly well with soft coral or muted mustard tones, which grounds its aggressive energy. For accessible design, white text stands out clearly against this shade, ensuring your calls to action remain readable.
Questions about #4040d0
What is #4040d0 in RGB, HSL and CMYK?
In RGB, #4040d0 is rgb(64, 64, 208), in HSL hsl(240, 61%, 53%) and in CMYK 69%, 69%, 0%, 18%.
Where is the best place to use #4040d0 in a design?
Use #4040d0 sparingly as an accent to avoid visual fatigue, as its intensity dominates layouts. For accessible design, always layer white text over this shade to ensure high contrast and legibility for your primary calls to action.
What colors pair well with #4040d0?
The saturated tone of #4040d0 works well alongside soft coral or muted mustard, which balances the aggressive energy of this blue. These warm, earthy tones help ground the hue when you need to maintain readability without losing visual impact.
Is #4040d0 readable on white or black?
#4040d0 has a 7.33:1 contrast ratio on white and 2.86: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.