#303596 Hex Color

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

Hex color #303596 graphic
#303596 is a saturated, authoritative indigo that commands attention without feeling aggressive. It offers a solid, grounded backdrop for corporate or luxury branding where trust is essential. Because it is quite dark, pair it with crisp white text for excellent readability. It works better as a bold primary color than a background for small, dense body copy. Check out similar purple shades for lighter alternatives.

Questions about #303596

What is #303596 in RGB, HSL and CMYK?
In RGB, #303596 is rgb(48, 53, 150), in HSL hsl(237, 52%, 39%) and in CMYK 68%, 65%, 0%, 41%.
What colors pair effectively with #303596?
This deep indigo functions best when balanced by high-contrast neutrals like crisp white or light silver, which prevents the design from feeling muddy. For a modern, sophisticated palette, consider pairing #303596 with vibrant mustard or gold accents to create a refined, high-end visual contrast.
Is #303596 suitable for use as a background color?
While #303596 creates a strong, grounded aesthetic, it is quite dark and can overwhelm smaller text if used as a full-page background. Use it instead for bold headers, footer sections, or button backgrounds where you need to guide the user's attention effectively.
Is #303596 readable on white or black?
#303596 has a 10.11:1 contrast ratio on white and 2.07: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.