#204EB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Deep, saturated blue with a cool cast. #204eb2 is dark enough to feel serious, so it works as a base for buttons and calls to action but can feel heavy across large areas. White text on this hex code hits about 7.5:1 contrast, clearing WCAG AA for small body text. Warm accents like amber or coral keep it from reading flat. See what colors make blue to adjust the shade yourself.
Questions about #204eb2
What is #204eb2 in RGB, HSL and CMYK?
In RGB, #204eb2 is rgb(32, 78, 178), in HSL hsl(221, 70%, 41%) and in CMYK 82%, 56%, 0%, 30%.
What colors pair well with #204eb2?
#204eb2 pairs best with warm, saturated accents like amber, coral, or gold, which counteract its coolness and keep it from reading flat. Warm grays and cream also work as background colors that let the blue stay the focus.
Is #204eb2 readable on white or black?
#204eb2 has a 7.51:1 contrast ratio on white and 2.79: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.