#787B91 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy indigo has a desaturated, matte quality that feels grounded and understated. Because it is neutral and dark, #787b91 works best as a supporting background rather than a main feature. It provides enough contrast to support black body text, making it a functional choice for clean, structured UI designs. Pair it with soft, warm creams to prevent the gray undertones from looking too cold.
Questions about #787b91
What is #787b91 in RGB, HSL and CMYK?
In RGB, #787b91 is rgb(120, 123, 145), in HSL hsl(233, 10%, 52%) and in CMYK 17%, 15%, 0%, 43%.
How should I use #787b91 in a website interface?
#787b91 serves best as a secondary background color rather than a primary call-to-action shade. Because it offers a desaturated, matte finish, it provides excellent contrast for black typography while maintaining a clean, professional aesthetic for structured dashboard layouts.
Which colors pair best with #787b91?
Pair #787b91 with warm cream or soft beige to counteract its cool, ashy undertones. Using these lighter, warmer neutrals creates a balanced visual hierarchy that prevents the indigo from appearing too cold or clinical in modern designs.
Is #787b91 readable on white or black?
#787b91 has a 4.16:1 contrast ratio on white and 5.04:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.