#3950E7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3950e7 is an aggressive, saturated blue that demands immediate attention. Due to its intensity, use this hex code sparingly as an accent for call-to-action buttons rather than a full UI background. White text pops clearly on this shade with a 6.0:1 contrast ratio. When learning how to make blue, use this color alongside cool grays to keep your design balanced and readable.
Questions about #3950e7
What is #3950e7 in RGB, HSL and CMYK?
In RGB, #3950e7 is rgb(57, 80, 231), in HSL hsl(232, 78%, 56%) and in CMYK 75%, 65%, 0%, 9%.
Where should I use #3950e7 in my design?
Apply #3950e7 sparingly as an accent color for interactive elements like buttons, toggle switches, or primary navigation links. Because of its high intensity, it will overwhelm your interface if used as a primary background or large-area fill.
What colors pair well with #3950e7?
Balance the intensity of #3950e7 by pairing it with neutral tones like slate or warm grays. Using it alongside complementary orange shades creates a vibrant, high-contrast palette, while monochromatic schemes using lighter tints help keep layouts readable.
Is #3950e7 readable on white or black?
#3950e7 has a 6.04:1 contrast ratio on white and 3.47: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.