#4054B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo commands attention without feeling aggressive. With its cool temperature and strong chroma, #4054b2 works best as a bold accent or a primary call-to-action button rather than a large background. It pairs exceptionally well with muted warm grays to soften its intensity. Because white text maintains excellent readability at 6.7:1 contrast, this hex code is a reliable choice for UI elements requiring high visibility.
Questions about #4054b2
What is #4054b2 in RGB, HSL and CMYK?
In RGB, #4054b2 is rgb(64, 84, 178), in HSL hsl(229, 47%, 47%) and in CMYK 64%, 53%, 0%, 30%. Browse more shades of blue with names and hex codes.
What colors best complement #4054b2 in a design?
The strong chroma of #4054b2 pairs exceptionally well with muted warm grays to soften its intensity without losing visual impact. Using neutral, understated backgrounds helps balance the coolness of this indigo when used in complex web layouts.
Is #4054b2 readable on white or black?
#4054b2 has a 6.71:1 contrast ratio on white and 3.12: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.