#1522B2 Hex Color

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

Hex color #1522b2 graphic
#1522b2 is a dark, saturated blue with a cool violet undertone. Its strong depth gives branding, finance, security, and technology designs a serious, reliable feel. Use it as a dominant interface or background color with white text, which achieves about 11:1 contrast. The hex code #1522b2 also suits formal layouts, uniforms, and nautical themes.

Questions about #1522b2

What is #1522b2 in RGB, HSL and CMYK?
In RGB, #1522b2 is rgb(21, 34, 178), in HSL hsl(235, 79%, 39%) and in CMYK 88%, 81%, 0%, 30%.
What colors pair well with #1522b2?
White creates the clearest contrast with #1522b2, while pale blue, cool gray, and muted yellow can soften or energize its deep blue base. For a restrained palette, add charcoal or silver accents rather than another highly saturated dark.
Is #1522b2 warm or cool?
#1522b2 reads as a cool blue because its hue leans toward violet rather than green or yellow. Its high saturation and deep value make it feel more formal and assertive than a pale or gray-blue.
Does white text work on #1522b2?
Yes. White text on #1522b2 provides about an 11:1 contrast ratio, comfortably exceeding WCAG AA thresholds for normal text and large text. Still test the exact font size, weight, and surrounding colors in your final interface.
Is #1522b2 readable on white or black?
#1522b2 has a 11.03:1 contrast ratio on white and 1.90: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.