#5A71BC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty periwinkle offers a muted, matte aesthetic that feels stable and professional. Because of its desaturated character, #5a71bc works well as a supporting UI element in finance or tech interfaces where clarity matters. It maintains accessible contrast with white text, making it a reliable choice for buttons or headers. Use this hex code as a secondary accent rather than a dominant full-page background to avoid a washed-out appearance.
Questions about #5a71bc
What is #5a71bc in RGB, HSL and CMYK?
In RGB, #5a71bc is rgb(90, 113, 188), in HSL hsl(226, 42%, 55%) and in CMYK 52%, 40%, 0%, 26%. Browse more shades of blue with names and hex codes.
Where does #5a71bc work best in a design?
Use #5a71bc as a secondary accent for buttons or headers to maintain visual clarity without overwhelming the user. Because of its muted, stable character, it pairs exceptionally well with charcoal or stark white to create a clean, professional aesthetic in technical or finance-oriented interfaces.
Is #5a71bc considered a warm or cool color?
#5a71bc is firmly positioned as a cool, desaturated blue with subtle purple undertones that prevent it from feeling too sterile. This makes it a reliable choice when you need to convey calm and reliability without the harsh vibrancy of a primary or secondary blue.
Is #5a71bc readable on white or black?
#5a71bc has a 4.64:1 contrast ratio on white and 4.52: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 for body text. Try other pairs in the contrast checker.