#2056B4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2056b4 is a bold, saturated blue that commands attention without feeling overwhelming. Because it sits on the cooler side, it pairs effectively with soft creams or warm grays to balance the intensity. Use this hex code for primary calls to action or UI accents. White text provides excellent contrast against this shade, making it a reliable choice for buttons and high-impact design elements.
Questions about #2056b4
What is #2056b4 in RGB, HSL and CMYK?
In RGB, #2056b4 is rgb(32, 86, 180), in HSL hsl(218, 70%, 42%) and in CMYK 82%, 52%, 0%, 29%.
What colors pair best with #2056b4 in a UI design?
#2056b4 works exceptionally well when balanced against neutral tones like soft creams or warm grays to soften its intensity. For high-impact accessibility, use it as a primary accent color against a clean white background to ensure your call-to-action buttons remain readable and professional.
Is #2056b4 suitable for text-heavy layouts?
While #2056b4 is highly readable as a display color for buttons or headers, it is generally too saturated for large blocks of body text. It is best reserved for interactive elements where you want to draw the user's attention quickly without overwhelming their reading experience.
Is #2056b4 readable on white or black?
#2056b4 has a 6.88:1 contrast ratio on white and 3.05: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.