#5C6AAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, unsaturated indigo, #5c6aad feels cool and restrained. Its matte quality makes it an excellent base for UI backgrounds, providing enough contrast for white text to remain legible. Pair this tone with warm terracottas to balance its chilly demeanor. Avoid using it in large, flat blocks where it might feel too bleak, and instead use it for supporting elements in structured, clean designs.
Questions about #5c6aad
What is #5c6aad in RGB, HSL and CMYK?
In RGB, #5c6aad is rgb(92, 106, 173), in HSL hsl(230, 33%, 52%) and in CMYK 47%, 39%, 0%, 32%.
What colors pair well with #5c6aad for a balanced palette?
#5c6aad works best when paired with warm, earthy tones to counteract its inherent coolness. Try using it alongside terracotta or warm beige to ground the design, or lean into a professional aesthetic by combining it with crisp white and charcoal accents.
Is #5c6aad readable on white or black?
#5c6aad has a 5.09:1 contrast ratio on white and 4.12: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.