#222CB7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#222cb7 is a saturated, authoritative blue that commands immediate attention. Because of its intensity, it serves better as a primary accent or brand color than a large background fill. Pair it with soft creams or light grays to ground its vividness. With a 9.9:1 contrast ratio against white, text remains highly legible. The hex code for this bold tone is #222cb7.
Questions about #222cb7
What is #222cb7 in RGB, HSL and CMYK?
In RGB, #222cb7 is rgb(34, 44, 183), in HSL hsl(236, 69%, 43%) and in CMYK 81%, 76%, 0%, 28%.
What colors pair well with the intense #222cb7 blue?
To ground the intensity of #222cb7, pair it with soft neutrals like cream or light gray. These colors balance the vividness of the blue without competing, making it feel authoritative rather than overwhelming in professional interface designs or branding projects.
Is #222cb7 readable on white or black?
#222cb7 has a 9.94:1 contrast ratio on white and 2.11: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.