#020CCC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense blue demands attention with its saturated, authoritative presence. It functions best as a bold accent or primary brand color rather than a full background, where it can feel aggressive. Pair it with soft creams or stark white to create visual balance. The hex code #020ccc offers strong readability for text, as white type provides high contrast against this deep, cool tone.
Questions about #020ccc
What is #020ccc in RGB, HSL and CMYK?
In RGB, #020ccc is rgb(2, 12, 204), in HSL hsl(237, 98%, 40%) and in CMYK 99%, 94%, 0%, 20%.
Does #020ccc work well for website text?
#020ccc is generally too intense and saturated to be used as body text for long-form reading, as it can cause eye strain. However, it functions excellently for call-to-action buttons or highlighted links where high visibility is a priority.
What colors pair best with #020ccc?
This powerful blue creates a balanced visual look when paired with cream or stark white, which soften its aggressive nature. For a sophisticated contrast, consider pairing it with a light gray or even a complementary orange to emphasize its vibrancy.
Is #020ccc readable on white or black?
#020ccc has a 10.89:1 contrast ratio on white and 1.92: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.