#566393 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, desaturated indigo leans into cool, ashy tones that feel both moody and restrained. Because of its muted character, #566393 works well as a grounding background element in UI design. It pairs effectively with soft creams or warm grays to balance its inherent coolness. The hex code #566393 offers enough contrast for readable white text, making it a reliable choice for professional, structured interfaces.
Questions about #566393
What is #566393 in RGB, HSL and CMYK?
In RGB, #566393 is rgb(86, 99, 147), in HSL hsl(227, 26%, 46%) and in CMYK 41%, 33%, 0%, 42%.
What colors pair well with #566393 in design?
#566393 pairs beautifully with soft creams or warm gray tones to balance its inherent coolness. Because of its muted, desaturated character, it acts as a stabilizing background or accent element that doesn't overwhelm more vibrant colors in your palette.
Is #566393 suitable for text on a white background?
Yes, #566393 provides sufficient contrast against standard white backgrounds to meet basic readability standards for UI elements. It remains legible while offering a softer, more modern aesthetic than pure navy or standard black text on light surfaces.
Is #566393 readable on white or black?
#566393 has a 5.83:1 contrast ratio on white and 3.60: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.