#3847B1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #3847b1 functions best as a bold accent color rather than a primary background. It carries a cool, serious weight that demands attention in branding or UI highlights. White text stands out sharply against this shade with a strong 7.8:1 contrast ratio. If you want to soften this intensity, knowing what colors make gray helps balance your palette. The hex code is #3847b1.
Questions about #3847b1
What is #3847b1 in RGB, HSL and CMYK?
In RGB, #3847b1 is rgb(56, 71, 177), in HSL hsl(233, 52%, 46%) and in CMYK 68%, 60%, 0%, 31%.
How can I use #3847b1 effectively in a UI design?
#3847b1 serves as a high-impact accent color for buttons, active states, or notification badges rather than a large-scale background. Because of its intensity, pairing it with clean white space or neutral tones keeps your interface readable and focused.
What colors pair well with #3847b1?
This vibrant blue looks sophisticated when placed against light neutrals or silver to ground its intensity. You can also create a high-contrast, energetic palette by pairing it with complementary oranges or warmer shades of gold for a striking, balanced effect.
Is #3847b1 readable on white or black?
#3847b1 has a 7.76:1 contrast ratio on white and 2.70: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.