#3342C8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, vivid blue commands attention with high intensity and energy. The hex code #3342c8 is too aggressive for large backgrounds, but it functions perfectly as an accent color or call-to-action button. It pairs surprisingly well with muted mustard yellow, adding a layer of structural contrast. Because it meets WCAG contrast standards, white text remains readable against this bold shade.
Questions about #3342c8
What is #3342c8 in RGB, HSL and CMYK?
In RGB, #3342c8 is rgb(51, 66, 200), in HSL hsl(234, 59%, 49%) and in CMYK 75%, 67%, 0%, 22%.
What color combinations work best with #3342c8?
The most effective way to balance the intensity of #3342c8 is to pair it with a muted mustard yellow or soft neutrals. These combinations ground the high-energy blue, ensuring your interface remains visually structured without overwhelming the user or losing readability.
Is #3342c8 appropriate for large background areas?
Using #3342c8 as a large background often proves too aggressive and visually taxing for long-form content. It is much better suited for small, high-impact design elements like buttons, alerts, or icon highlights where you need to draw the eye quickly.
Is #3342c8 readable on white or black?
#3342c8 has a 7.62:1 contrast ratio on white and 2.75: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.