#7E78B1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated violet sits in a cool, muted register that avoids harsh brightness. Because it lacks saturation, #7e78b1 works effectively as a calm, structural base for UI designs rather than a high-energy accent. It maintains excellent readability with black text, making it a functional choice for body content where you need a sophisticated, understated background color. The hex code for this shade is #7e78b1.
Questions about #7e78b1
What is #7e78b1 in RGB, HSL and CMYK?
In RGB, #7e78b1 is rgb(126, 120, 177), in HSL hsl(246, 27%, 58%) and in CMYK 29%, 32%, 0%, 31%.
Where does #7e78b1 work best in UI design?
#7e78b1 functions exceptionally well as a sophisticated background color for interfaces that require a calm, muted aesthetic. Because it lacks harsh saturation, it remains highly readable when paired with charcoal or dark gray typography, ensuring excellent contrast.
Is #7e78b1 considered a warm or cool color?
#7e78b1 sits firmly on the cool side of the spectrum due to its blue-leaning violet base. It avoids the harsh vibrancy of typical purples, maintaining a subdued, dusty quality that feels balanced, modern, and professional rather than playful.
Is #7e78b1 readable on white or black?
#7e78b1 has a 4.03:1 contrast ratio on white and 5.20: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.