#020170 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely dark, moody blue acts as a powerful base for corporate interfaces or high-contrast tech branding. Because it sits so close to black, white text remains highly legible against it. The hex code #020170 pairs best with soft, desaturated creams or metallics rather than harsh brights, which can make this shade appear muddy. It offers a professional, stable alternative to standard black backgrounds.
Questions about #020170
What is #020170 in RGB, HSL and CMYK?
In RGB, #020170 is rgb(2, 1, 112), in HSL hsl(241, 98%, 22%) and in CMYK 98%, 99%, 0%, 56%.
What colors pair best with #020170 for a clean design?
#020170 pairs exceptionally well with soft, desaturated creams or metallic accents like brushed silver. Avoid pairing it with harsh, neon brights, which can clash against its dark, saturated base and make the overall layout appear muddy or cluttered.
Why is #020170 a good choice for professional UI backgrounds?
#020170 offers a stable, sophisticated alternative to pure black for interface backgrounds. Because it sits so close to black, white text remains highly legible, while the subtle blue undertone provides a more modern and premium feel than standard black.
Is #020170 readable on white or black?
#020170 has a 16.92:1 contrast ratio on white and 1.24: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.