#5A61BB Hex Color

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

Hex color #5a61bb graphic
This muted, cool-toned indigo carries a sense of quiet structure and intelligence. Because it is somewhat unsaturated, #5a61bb works effectively as a secondary color or subtle accent rather than a dominant background. Pair it with soft creams or warm metallic golds to balance its inherent chill. It provides enough contrast to support readable white body text, making it a reliable choice for UI components.

Questions about #5a61bb

What is #5a61bb in RGB, HSL and CMYK?
In RGB, #5a61bb is rgb(90, 97, 187), in HSL hsl(236, 42%, 54%) and in CMYK 52%, 48%, 0%, 27%.
What colors pair best with #5a61bb in a professional design?
This muted indigo works best when grounded by neutral tones like cream or soft grays to emphasize its cool character. For a more sophisticated contrast, pair it with metallic accents like gold or bronze to balance the inherent chill of the pigment.
Is #5a61bb a good choice for text on websites?
While #5a61bb provides reasonable legibility, it should generally be reserved for UI components, buttons, or secondary headers rather than dense body text. Ensure you test your specific background contrast levels, as this shade is unsaturated and may lose readability on darker surfaces.
Is #5a61bb readable on white or black?
#5a61bb has a 5.43:1 contrast ratio on white and 3.86: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.