#555CA0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This matte, desaturated indigo offers a cool, dusty aesthetic that avoids the sharpness of vivid blues. With its muted character, #555ca0 works best as a balanced supporting tone rather than a dominant background. Pair it with soft cream or warm, earthy terracotta to ground its inherent coolness. For readable UI design, use white text as this hex code meets contrast standards for small body copy.
Questions about #555ca0
What is #555ca0 in RGB, HSL and CMYK?
In RGB, #555ca0 is rgb(85, 92, 160), in HSL hsl(234, 31%, 48%) and in CMYK 47%, 42%, 0%, 37%.
What colors pair well with #555ca0 for a balanced design?
#555ca0 creates a sophisticated look when paired with soft cream or warm terracotta. These earthy tones ground the inherent coolness of the indigo, preventing it from feeling too sterile in UI layouts or branding applications.
Is #555ca0 suitable for text in UI design?
#555ca0 serves as an excellent background or accent color, but for body text, white is required to meet contrast standards. The muted, desaturated nature of the hue provides readability when paired correctly against high-contrast, lighter backgrounds.
Is #555ca0 readable on white or black?
#555ca0 has a 6.13:1 contrast ratio on white and 3.42: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.