#3871ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3871ed is a high-intensity, saturated blue that demands immediate attention. Because it is so vivid, it works best as a primary accent or call-to-action button rather than a background. Use it sparingly to guide the user eye across a interface. While black text remains readable against this hue, keep the surrounding palette neutral to avoid visual fatigue.
Questions about #3871ed
What is #3871ed in RGB, HSL and CMYK?
In RGB, #3871ed is rgb(56, 113, 237), in HSL hsl(221, 83%, 57%) and in CMYK 76%, 52%, 0%, 7%.
How should I use #3871ed in a UI design?
#3871ed is exceptionally vivid and works best as a focused accent or call-to-action button rather than a background color. To avoid visual fatigue, keep the surrounding palette neutral and let the blue guide the user eye through the interface.
What colors pair best with #3871ed?
This intense blue pairs best with clean neutrals like charcoal or soft off-white to maintain balance and contrast. Avoid using other saturated colors nearby, as they will compete with the vibrancy of #3871ed and make your layout feel cluttered.
Is #3871ed readable on white or black?
#3871ed has a 4.41:1 contrast ratio on white and 4.75:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.