Jasper
Jasper (#D73B3E) is a striking, earthy red with a distinct warmth. Its rich, saturated quality gives it a powerful presence, making it a memorable choice for any design palette and a standout for visual interfaces.
What color is 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.
What is the meaning of the color Jasper?
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.
How can I use Jasper in my UI design?
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 Jasper color codes
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.
Analogous
Analogous color schemes pair Jasper with its neighbors on the color wheel, resulting in a harmonious and serene visual composition for your designs.
Complementary
Complementary colors are found directly opposite each other on the color wheel. For Jasper, its complement creates a striking, high-contrast visual pairing.
Split Complementary
A split complementary scheme offers a nuanced alternative, pairing Jasper with the two colors that sit adjacent to its direct opposite on the wheel.
Triadic
Find balance in contrast. A triadic palette combines Jasper with two other colors from equidistant points on the color wheel for a vibrant look.
Tetradic
A tetradic color scheme for Jasper uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. This creates a vibrant, high-contrast palette with Jasper as the foundation.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Jasper are created by mixing in black, resulting in darker, weightier tones.
Tints
Tints are lighter versions of Jasper, produced by adding white to soften the hue.
Tones
Tones are versions of Jasper mixed with gray, resulting in a softer saturation.
Hues
Hues are variations of Jasper (#D73B3E) that alter its intensity and temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.



































































































































