
Figma color wheel
Want to find the perfect complementary or analogous colors to match crimson red?
Skip to main content
Everything you need to know about crimson red to inspire your next design.
Crimson red is a deep red hue that radiates love and passion. It falls between the primary colors red and blue on the color wheel and has subtle hints of blue and purple, adding more richness and a touch of coolness compared to true red. Crimson red includes different hues like ruby and wine.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Fine Wine
Cottagecore
Crimson Crush
Crimson red is represented by specific color codes and values in the digital world to ensure consistency across platforms and devices.
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 crimson red in your designs:
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, research color considerations for your specific regions.
For variations within the same rich spectrum as crimson red, consider:
To complement crimson red, consider pairing it with:
Other colors worth considering include cream for crimson red to pop, peach for a warm and sunny look, and navy blue for a classic pairing.
While crimson is a rich shade of red, it may clash with:
Crimson red evokes feelings of warmth, love, and excitement. In many cultures, red symbolizes wealth and status, as seen in cultural artifacts and clothing.
In Chinese culture, for example, crimson red symbolizes wealth and virtue and was a prominent color used for emperors’ robes. In Christianity, crimson red is a symbol of love and forgiveness and is often a color seen used on Bible covers. In modern American culture, crimson red is a status symbol, most notably the color of the red carpet seen at high-profile events and parties.
However, the color crimson red can also awaken aggression or a sense of urgency, symbolizing feelings of anger and frustration.
The color crimson red comes from Kermes dye, produced from Kermes vermilio insects. People crushed the dried bodies of Kermes insects to create a rich and vivid dye used in textiles, art, and religious artifacts.
Crimson’s etymology journey spans across several languages, taking many forms. For example, the Arabic word “qirmizi” and the medieval Latin word “cremesinus” described the deep red-colored dye produced by these insects. The color crimson red was eventually recorded in English during the 1400s.
Crimson red and most shades of red are historically associated with passion, love, and power. However, crimson red can also symbolize anger and danger. Over the years, the symbolism remains the same, and cultural artifacts and art still use the color.
Contrast 6.68
#B22222
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.14
#B22222
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #B22222, known as crimson red, has RGB values of R:178, G:34, B:34 and CMYK values of C:0, M:81, Y:81, K:30.
| VALUE | CSS | |
|---|---|---|
| HEX | #B22222 | #B22222 |
| RGB DECIMAL | 178, 34, 34 | RGB(178,34,34) |
| RGB PERCENTAGE | 69.8, 13.3, 13.3 | RGB(69.8%,13.3%,13.3%) |
| CMYK | 0, 81, 81, 30 | |
| HSL | 0°, 67.9, 41.6 | HSL(0,67.9%,41.6%) |
| HSV (OR HSB) | 0°, 80.9, 69.8 | |
| WEB SAFE | #993333 | #993333 |
| CIE-LAB | 39.117, 55.915, 37.646 | |
| XYZ | 19.222, 10.727, 2.572 | |
| xyY | 0.591, 0.33, 10.727 | |
| CIE-LCH | 39.117, 67.407, 33.951 | |
| CIE-LUV | 39.117, 107.542, 23.2 | |
| HUNTER-LAB | 32.752, 47.444, 18.271 | |
| BINARY | 10110010, 00100010, 00100010 | |
| iOS - SwiftUI | Color(red: 0.698, green: 0.133, blue: 0.133) | |
| iOS - UIKit | UIColor(red: 0.698, green: 0.133, blue: 0.133, alpha: 1) | |
| Android - Compose | Color(0xFFB22222) |

Want to find the perfect complementary or analogous colors to match crimson red?

Create a soft and romantic palette with pastel red.

Add a touch of spice to your design with chili red.