#5771A8 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5771a8 graphic
This dusty, unsaturated blue leans into a cool, matte aesthetic. It projects professional reliability, making it a natural choice for corporate or security-focused UI design. Because it holds strong contrast with white text, #5771a8 functions best as a dominant base color. Pair it with soft, warm grays to avoid a clinical look and keep your interface feeling grounded.

Questions about #5771a8

What is #5771a8 in RGB, HSL and CMYK?
In RGB, #5771a8 is rgb(87, 113, 168), in HSL hsl(221, 32%, 50%) and in CMYK 48%, 33%, 0%, 34%.
Why does #5771a8 work well in corporate UI design?
This dusty, unsaturated blue projects professional reliability and calm, ensuring interfaces do not feel aggressive or overwhelming to users. Its balance between saturation and neutrality makes it a safe, readable choice for primary navigation elements or security-focused dashboard components.
Which colors pair best with #5771a8?
To keep designs grounded, pair #5771a8 with warm neutrals like soft gray or cream to counteract its cool, clinical nature. For higher contrast, it works effectively against crisp white text, while deep navy accents can help build a sophisticated, monochromatic hierarchy.
Is #5771a8 readable on white or black?
#5771a8 has a 4.84:1 contrast ratio on white and 4.33: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.