Jasper

Jasper is a saturated, earthy red, presenting a bold yet grounded character.

The hue, #D73B3E, is a confident red that stops short of being fiery, carrying a subtle depth that gives it a sophisticated and stable appearance.

The color Jasper, #D73B3E, channels the passion and energy of red, but with a grounded, earthy character. It suggests strength, stability, and warmth, drawing parallels to the gemstone of the same name, which is historically regarded as a symbol of nurturing and tranquility.

This deep, clay-like red evokes a sense of endurance and a connection to the natural world. For designers, Jasper offers a sophisticated vitality that communicates confidence and resilience without the aggression of a brighter scarlet.

In UI design, Jasper's intensity makes it a powerful choice for accents and key interactive elements. Use the vibrant #D73B3E for primary buttons, notification badges, or active state indicators to draw the user's eye. For balance, pair it with a foundation of soft neutrals—think warm off-whites, cool grays, or deep charcoal—which allows Jasper's character to stand out without overwhelming the interface.

Several prominent brands, including ExpressVPN, Zomato, and eBay, incorporate a similar bold red to build a memorable and energetic identity. While not as common as blue or black, this distinction can be an advantage, helping a product feel both confident and unique.

To see how Jasper performs in practice, use the tools on this page. You can browse curated color palettes, check contrast ratios for accessibility, and preview #D73B3E applied to UI components from well-known applications.

Using the color Jasper in your projects starts with its HEX code, #D73B3E, which is standard for web development. However, different applications require different color models. For digital displays, you'll often work with RGB (Red, Green, Blue) values, while print projects depend on the CMYK (Cyan, Magenta, Yellow, Key/Black) model to ensure color accuracy on paper.

Beyond these, models like HSL (Hue, Saturation, Lightness) are useful for systematically generating tints and shades of Jasper. Other systems like LAB and LCH offer ways to define color that are more aligned with human perception, which can be helpful for creating accessible and visually consistent palettes.

To make your workflow easier, we've converted Jasper's #D73B3E code into a range of popular formats. You can find and copy the exact values you need for your project below.