#566C82 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue acts as a sophisticated neutral for corporate interfaces and security-focused branding. Because of its low saturation, #566c82 avoids the harshness of brighter blues and pairs well with crisp creams or soft charcoals. While it reads comfortably as a background, be aware that its dim, ashy character can appear muddy if used in overly complex layouts. White text provides sufficient contrast for readability.
Questions about #566c82
What is #566c82 in RGB, HSL and CMYK?
In RGB, #566c82 is rgb(86, 108, 130), in HSL hsl(210, 20%, 42%) and in CMYK 34%, 17%, 0%, 49%.
What colors pair well with #566c82 in a design system?
#566c82 works best when paired with crisp, off-white creams or deep, cool-toned charcoals to maintain its professional aesthetic. These high-contrast neutrals allow the muted blue to remain the focal point without becoming visually muddy or overly heavy.
Is #566c82 suitable for text on a white background?
#566c82 typically meets accessibility standards for larger text sizes but may struggle with high-contrast requirements for small body copy. Always test it against WCAG guidelines for your specific font size to ensure legibility on light backgrounds.
Is #566c82 readable on white or black?
#566c82 has a 5.43:1 contrast ratio on white and 3.86: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.