#3F4FDB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, hex code #3f4fdb functions best as a high-impact accent rather than a full background. This electric indigo carries enough visual weight to command attention in UI design or branding. Because it creates excellent contrast against white, use it for primary call-to-action buttons or highlights where readability matters. Pair it with soft grays or creams to keep the overall composition grounded.
Questions about #3f4fdb
What is #3f4fdb in RGB, HSL and CMYK?
In RGB, #3f4fdb is rgb(63, 79, 219), in HSL hsl(234, 68%, 55%) and in CMYK 71%, 64%, 0%, 14%.
How should I use #3f4fdb in UI design?
Use #3f4fdb as a high-impact accent rather than a background to keep your interface clean. Because it is highly saturated, it functions best for call-to-action buttons where it provides sharp contrast against white or light gray surfaces.
Does #3f4fdb have a warm or cool undertone?
This color sits firmly in the cool range as a deep, electric indigo. Its blue dominance feels crisp, but you should balance it with warm cream or off-white tones to prevent the overall interface from feeling too sterile or harsh.
Is #3f4fdb readable on white or black?
#3f4fdb has a 6.26:1 contrast ratio on white and 3.35: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.