Figma color wheel
Want to find the perfect complementary or analogous colors to match /color-wheel/pastel red?
Skip to main content
Everything you need to know about pastel red to inspire your next design.
Pastel red finds its place within the broader red spectrum, blending the primary color's intensity with the subdued lightness of pastels. This unique shade doesn't have a distinct position on the traditional RYB and RGB color models but is recognized for its ability to soften and diversify the red palette, making it a key hue for nuanced design work.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Brilliant Red
Coral Coastline
Soft Sunset
Pastel red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FF746C
- RGB value: 100% red, 45.5% green and 42.4% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use pastel red in your designs:
Highlight important elements. Use pastel red to draw attention subtly. Its soft hue works well against both light and dark backgrounds, perfect for accentuating key features without shouting for attention.
Evoke a comforting atmosphere. Incorporating pastel red in digital spaces can create an inviting, warm user experience. This hue adds a layer of tranquility and well-being—ideal for designs that aim to soothe and welcome.
Guide user interaction. Use pastel red for interactive elements such as buttons or links. Its gentle appeal encourages action without the urgency that brighter reds might convey.
For variations within the same soothing and vibrant spectrum as pastel red, consider:
To complement pastel red's vibrant tones, consider pairing it with:
Other colors worth considering include navy blue for a classic, sophisticated contrast, golden yellow for a sunny, optimistic vibe, and soft beige for a neutral, earthy balance.
While pastel red is versatile, it may clash with:
Pastel red—softer and more subdued than the bold and vibrant reds typically associated with passion and energy—represents romance and love. It evokes peace and relaxation, representing openness, neutrality, and a positive mood in design.
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, be sure to research color considerations for your specific regions.
The term "pastel" first appeared in the mid-17th century, but it wasn’t until the 18th century that artists fully embraced these colors for their ability to produce soft, subtle hues. Initially limited to basic shades like red, white, and black, pastels were a novel medium in art and fashion, particularly during the Rococo era, known for its romantic and sophisticated aesthetic. While pastel greens and blues were predominant in clothing and furniture, pastel red held its own, adding a muted yet rich element to the era's palette.
Pastels have been used in different styles throughout the decades, from the 1920s and 1930s Art Deco period to the post-war retro styles of the 1940s and 1950s. Even mid-century modern aesthetics feature pastel colors in their palettes. The 1980s marked a resurgence in the popularity of pastel colors, including pastel red, signifying their lasting appeal and capacity to impart a serene and balanced aesthetic to design projects.
Contrast 2.64
#FF746C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 7.97
#FF746C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF746C, known as pastel red, has RGB values of R:255, G:116, B:108 and CMYK values of CMYK values of C:0, M:0.55, Y:0.58, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FF746C | #FF746C |
| RGB DECIMAL | 255, 116, 108 | rgb(255,116,108) |
| RGB PERCENTAGE | 100, 45.5, 42.4 | rgb(100%,45.5%,42.4%) |
| CMYK | 0, 55, 58, 0 | |
| HSL | 3.3°, 100, 71.27 | hsl(3.3,100%,71.2%) |
| HSV (OR HSB) | 3.3°, 57.6, 100 | |
| WEB SAFE | FF6666 | #FF6666 |
| CIE-LAB | 65.622, 52.327, 30.421 | |
| XYZ | 50.194, 34.838, 18.268 | |
| xyY | 0.486, 0.337, 34.838 | |
| CIE-LCH | 65.622, 60.527, 30.172 | |
| CIE-LUV | 65.622, 104.149, 26.684 | |
| HUNTER-LAB | 59.024, 48.504, 22.967 | |
| BINARY | 11111111, 01110100, 01101100 | |
| iOS - SwiftUI | Color(red: 255/255, green: 116/255, blue: 108/255) | |
| iOS - UIKit | UIColor(red: 255/255.0, green: 116/255.0, blue: 108/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFFFF746C) |
Want to find the perfect complementary or analogous colors to match /color-wheel/pastel red?
Learn more about the color red.
Learn more about red-orange.