#5A68B7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted indigo is cool, unsaturated, and restrained. It offers a structured, professional feel that works well in branding or as a supporting tone in interface design. Because it provides sufficient contrast for white text, the hex code #5a68b7 shines when paired with crisp off-whites or soft greys. Use it to introduce a sense of order without overwhelming a layout.
Questions about #5a68b7
What is #5a68b7 in RGB, HSL and CMYK?
In RGB, #5a68b7 is rgb(90, 104, 183), in HSL hsl(231, 39%, 54%) and in CMYK 51%, 43%, 0%, 28%.
What colors pair best with #5a68b7 in a design layout?
#5a68b7 works exceptionally well when paired with crisp off-whites or soft greys to maintain its structured, professional aesthetic. For contrast, try introducing accents in a warm terracotta or a muted olive to prevent the interface from feeling too cold or overly formal.
Is #5a68b7 suitable for large blocks of text?
While #5a68b7 provides sufficient contrast against pure white backgrounds for readability, it is often better reserved for headers, buttons, or UI accents. Using it for large bodies of text may cause eye fatigue compared to a standard dark charcoal or deep neutral grey.
Is #5a68b7 readable on white or black?
#5a68b7 has a 5.12:1 contrast ratio on white and 4.09: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.