Chili red is a bold shade associated with feelings of excitement and passion. It's positioned between red and orange on the color wheel, leaning more closely towards red. Though the majority of this shade lies in the red spectrum, the hint of orange hue gives this shade a warmer appearance. The chili red shade range includes many other vibrant and spicy colors, such as cayenne and Fresno red.
Chili red is represented by specific color codes and values in the digital world to ensure consistency across platforms and devices.
- HEX code: #CD1C18
- RGB value: 80.4% red, 11% green, 9.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 chili red in your designs:
- Stimulate senses. Chili red is known to stimulate your appetite, making it a great shade for designing interfaces for food apps.
- Prompt action. Chili red and other shades of red are eye-catching, making it an ideal color for prompting action and igniting a sense of urgency. For example, a “buy now” button using chili red may influence purchase decisions.
- Note important information. Chili red can also make important information stand out, like warnings or alerts within an interface.
Remember that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same bold spectrum as chili red, consider:
To complement chili red, consider pairing it with:
- Yellow-orange (#FFB800) creates a vibrant and fiery color palette.
- Beige (#EDE8D0) provides a neutral backdrop, allowing chili red to pop.
- Soft pink (#FDB0C0) adds a delicate yet playful touch to designs.
- Light blue (#90D5FF) can soften chili red’s intensity, creating a balanced yet calming color scheme.
Some other colors that complement chili red include white for a clean and classic design, rose red for a monochromatic color scheme, and cream to create a softer palette.
While chili red is warm, it may clash with:
- Red (#FF2C2C) shares a similar intensity, and the two may lack depth when paired together.
- Green (#008000) can be hard to distinguish from chili red for those with color vision deficiency.
- Magenta (#00FFFF) may compete with chili red, creating a visually jarring effect.
- Cyan (#00FFFF) may create too much contrast and look harsh when paired with chili red.
Chili red's fiery and invigorating color is associated with chili peppers, symbolic of healing, protection, energy, and passion. In Italy, chilis are linked to protection and good luck. Similarly, red in many Asian cultures symbolizes luck and prosperity, as seen in the red envelopes people give to one another during Chinese New Year.
In color psychology, chili red evokes feelings of passion and excitement. However, it can also ignite feelings of danger and warning, just like what you may feel when a hot pepper touches your tongue.
Today, you can use chili red to bring zest and excitement to designs. Similar to the heat of the pepper itself, the color can stimulate hunger and increase your metabolism, which is why food brands like DoorDash or McDonald’s use this color for their logos and branding.
The color chili red comes from the color of the spicy peppers, which originated in South America and were first cultivated in Mexico nearly 8,000 years ago. Historically, people have used chili peppers in food and medicine, as well as in art and decor around the world.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Chili Spice
Spicy Red
Love Potion
Contrast checker
Contrast 5.56
- Large Text
#CD1C18
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.78
- Large Text
#CD1C18
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #CD1C18, known as chili red, has RGB values of R:205 G:28, B:24 and CMYK values of C:0, M:86, Y:88, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #CD1C18 | #CD1C18 |
| RGB DECIMAL | 205, 28, 24 | RGB(205, 28, 24) |
| RGB PERCENTAGE | 80.4, 11, 9.4 | RGB(80.4%,11%,9.4%) |
| CMYK | 0, 86, 88, 20 | |
| HSL | 1.3°, 79, 44.9 | HSL(1.3,79%,44.9%) |
| HSV (OR HSB) | 1.3°, 88.3, 80.4 | |
| WEB SAFE | #CC3300 | #CC3300 |
| CIE-LAB | 44.059, 64.692, 49.186 | |
| XYZ | 25.758, 13.879, 2.187 | |
| xyY | 0.616, 0.332, 13.879 | |
| CIE-LCH | 44.059, 81.267, 37.246 | |
| CIE-LUV | 44.059, 132.062, 29.232 | |
| HUNTER-LAB | 37.254, 58.223, 22.598 | |
| BINARY | 11001101, 00011100, 00011000 | |
| iOS - SwiftUI | Color(red: 0.804, green: 0.11, blue: 0.094) | |
| iOS - UIKit | UIColor(red: 0.804, green: 0.11, blue: 0.094, alpha: 1) | |
| Android - Compose | Color(0xFFCD1C18) |
