#222E70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, cool indigo carries a professional weight that anchors complex UI designs. With its deep saturation and dim presence, #222e70 functions best as a dominant background or a stabilizing base element. It pairs comfortably with crisp white text for high readability. When you need something moodier than standard navy, this hex code offers a structured alternative to deeper purple tones.
Questions about #222e70
What is #222e70 in RGB, HSL and CMYK?
In RGB, #222e70 is rgb(34, 46, 112), in HSL hsl(231, 53%, 29%) and in CMYK 70%, 59%, 0%, 56%. Browse more shades of blue with names and hex codes.
What colors pair well with #222e70 in a UI layout?
#222e70 functions beautifully alongside crisp white or soft, off-white tones for high-contrast, readable text. For accent colors, it pairs elegantly with muted gold or soft coral to break up its cool, serious presence.
Is #222e70 considered a cool or warm indigo?
#222e70 sits firmly on the cool side of the spectrum, carrying deep blue and violet undertones. This cool temperature makes it ideal for building trust and stability in professional branding or financial interface designs.
Is #222e70 readable on white or black?
#222e70 has a 12.40:1 contrast ratio on white and 1.69: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.