#3A74C2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Select a Color

#3a74c2 is a stable, unsaturated blue that conveys professional reliability. Since it maintains a 4.7:1 contrast ratio against white, this shade functions well for functional UI elements like navigation bars and call-to-action buttons. It avoids the neon harshness of primary blues, making it a safe choice for corporate finance and legal branding. The hex code for this versatile blue is #3a74c2.

Questions about #3a74c2

What is #3a74c2 in RGB, HSL and CMYK?

In RGB, #3a74c2 is rgb(58, 116, 194), in HSL hsl(214, 54%, 49%) and in CMYK 70%, 40%, 0%, 24%.

Which colors pair effectively with #3a74c2 for professional palettes?

This blue works best when paired with neutrals like light-gray or charcoal to maintain its professional character. For a more vibrant contrast, subtle accents of amber or soft gold can create visual interest without compromising the stability of the overall design.

Is #3a74c2 readable on white or black?

#3a74c2 has a 4.71:1 contrast ratio on white and 4.45: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.

#3A74C2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Questions about #3a74c2

Color tools

Resources