#566A89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted slate blue carries a dusty, desaturated quality that feels grounded and professional. It works well as a background for clean user interfaces, especially since white text maintains strong readability against it. Because it is dark and cool, #566a89 shines when paired with crisp, bright oranges or warm tans for balance. Designers often select this hex code for corporate branding where understated stability is the goal.
Questions about #566a89
What is #566a89 in RGB, HSL and CMYK?
In RGB, #566a89 is rgb(86, 106, 137), in HSL hsl(216, 23%, 44%) and in CMYK 37%, 23%, 0%, 46%.
Which accent colors balance the coolness of #566a89?
#566a89 functions best when paired with warm, high-energy complementary shades. Incorporating a bright tangerine or a rich terracotta provides a necessary visual pop that cuts through the desaturated, slate-blue undertones and prevents the palette from feeling too stagnant or cold.
Is #566a89 suitable for text on a white background?
Using #566a89 as a text color on a white background often fails standard accessibility contrast ratios. It is much better suited as a background color for interface elements, where clean white text or light icons can easily maintain readability and professional clarity.
Is #566a89 readable on white or black?
#566a89 has a 5.49:1 contrast ratio on white and 3.81: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.