#4022B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense indigo carries a cold, authoritative mood suitable for professional branding or moody UI layouts. It provides excellent contrast for white text, which pops against its deep, saturated pigment. Because #4022b7 is so assertive, use it as a 30% supporting color rather than a dominant background. Pairing it with a muted mustard or gold creates a sophisticated, unexpected tension that feels modern and structured.
Questions about #4022b7
What is #4022b7 in RGB, HSL and CMYK?
In RGB, #4022b7 is rgb(64, 34, 183), in HSL hsl(252, 69%, 43%) and in CMYK 65%, 81%, 0%, 28%.
What color palettes work best with #4022b7?
This intense indigo creates a sophisticated, unexpected tension when paired with muted mustard or gold. Because the pigment is so assertive, it performs best when used as a supporting accent rather than a dominant background color in your interface design.
How does #4022b7 behave on screen?
It maintains excellent contrast against white text, making it a reliable choice for buttons or headers that need to feel cold and authoritative. Treat it as a 30% accent color to maintain visual balance without overwhelming the user or muddying your layout's hierarchy.
Is #4022b7 readable on white or black?
#4022b7 has a 9.85:1 contrast ratio on white and 2.13: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.