#7E667F Hex Color

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

Grape Jelly color codes graphic
Grape Jelly is a dusty, unsaturated violet with a distinctly muted, matte quality. Because of its dark, ashy temperament, it provides a sophisticated alternative to gray for UI backgrounds or branding. White text maintains a solid 5.1:1 contrast against it, ensuring legibility. Use the hex code #7e667f as a supportive base rather than a focal point to keep designs from feeling too gloomy.

Questions about Grape Jelly

What is the hex code for Grape Jelly?
Grape Jelly is #7e667f. In RGB that is rgb(126, 102, 127), in HSL hsl(298, 11%, 45%) and in CMYK 1%, 20%, 0%, 50%. Browse more shades of purple with names and hex codes.
How should Grape Jelly #7e667f be used in UI design?
Use Grape Jelly #7e667f as a subtle background or supportive element rather than a primary focal point. Its muted, ashy quality provides a sophisticated alternative to gray while maintaining a solid 5.1:1 contrast ratio against white text.
Does #7e667f read as a warm or cool violet?
Grape Jelly #7e667f leans toward a cool, desaturated aesthetic due to its dusty, ashy temperament. This makes it an ideal choice for design systems that require a calm, grounded appearance without the starkness of a pure, vibrant purple.
Is Grape Jelly readable on white or black?
Grape Jelly has a 5.12:1 contrast ratio on white and 4.09: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.