#4338AA Hex Color

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

Hex color #4338aa graphic
This cool, saturated indigo leans dark and moody, making it an excellent choice for modern dark mode interfaces. The hex code for this shade is #4338aa. Because it carries such visual weight, it works best as a primary branding element or a grounding background. If you are learning what colors make purple, this tone shows how much saturation affects the final result.

Questions about #4338aa

What is #4338aa in RGB, HSL and CMYK?
In RGB, #4338aa is rgb(67, 56, 170), in HSL hsl(246, 50%, 44%) and in CMYK 61%, 67%, 0%, 33%.
Does #4338aa work well as a primary text color?
Using #4338aa for large display text or headings is very effective, but it often lacks the contrast needed for smaller body copy on dark backgrounds. For optimal accessibility, pair it with a very light neutral or cream to ensure the text remains legible.
What colors pair best with #4338aa in a UI design?
This deep indigo feels balanced when combined with desaturated, light neutrals like mist or off-white. For a bold accent, it creates a high-impact contrast against bright tangerine, which makes the dark indigo appear even richer and more stable.
Is #4338aa readable on white or black?
#4338aa has a 8.80:1 contrast ratio on white and 2.38: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.