#5A6099 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5a6099 graphic
This muted, dusty indigo pairs cool, inky tones with a matte finish. Because #5a6099 is unsaturated and dim, it works well as a calm UI background or supporting element. It remains legible with white text, offering a solid 5.9:1 contrast ratio for accessibility. Designers often prefer this hex code for understated branding that requires structure without being visually overwhelming.

Questions about #5a6099

What is #5a6099 in RGB, HSL and CMYK?
In RGB, #5a6099 is rgb(90, 96, 153), in HSL hsl(234, 26%, 48%) and in CMYK 41%, 37%, 0%, 40%.
What colors pair well with #5a6099 for UI design?
This muted indigo works best when grounded by neutral tones. Pair #5a6099 with a soft cream or off-white to maintain readability, or use a deep slate to build a sophisticated monochromatic interface that feels balanced and accessible.
Is #5a6099 readable on white or black?
#5a6099 has a 5.88:1 contrast ratio on white and 3.56: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.