#5C5CA4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty indigo carries a cool, matte finish that feels restrained and intentional. Because of its muted saturation, #5c5ca4 works best as a supporting tone rather than a dominant base. It pairs effectively with warm, sandy neutrals to break up its cold temperature. Since white text maintains excellent readability over this shade, it is a reliable choice for UI backgrounds requiring a soft, structured look.
Questions about #5c5ca4
What is #5c5ca4 in RGB, HSL and CMYK?
In RGB, #5c5ca4 is rgb(92, 92, 164), in HSL hsl(240, 28%, 50%) and in CMYK 44%, 44%, 0%, 36%.
What colors pair well with #5c5ca4 in a design layout?
#5c5ca4 acts as a cool, grounded neutral, so it works best when balanced by warm, sandy neutrals or soft creams. These warm tones break up the cold temperature of this indigo, creating a professional and intentional contrast that remains easy on the eyes.
Is #5c5ca4 a good choice for UI backgrounds?
#5c5ca4 is an excellent choice for UI backgrounds because it is highly legible when paired with clean white text. Its muted saturation prevents the background from overwhelming the content, ensuring a structured, readable, and modern interface design.
Is #5c5ca4 readable on white or black?
#5c5ca4 has a 5.96:1 contrast ratio on white and 3.52: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.