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.

Crimson red is represented by specific color codes and values in the digital world to ensure consistency across platforms and devices.
- HEX code: #B22222
- RGB value: 72.36% red, 13.82% green, and 13.82% 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 crimson red in your designs:
- Draw attention. A user’s eye is naturally drawn to bright and vivid hues like crimson red, making it the perfect color for drawing attention to important elements on a page.
- Encourage action. You can use crimson red for CTAs and other important buttons to encourage users to take action or convince them to buy your products. It’s also useful for reaction buttons, such as likes on Instagram or the “Subscribe” button on YouTube.
- Make an impression. Crimson red’s memorable and eye-catching vibrancy can be a staple branding color. Using crimson red for bold designs makes a lasting impression and convinces users to interact with your brand.
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:
- Red (#FF2C2C) is at the core of crimson red’s hue and shares the same brightness.
- Cinnabar (#E84B3D) sways more orange but shares a similar warmth to crimson red.
- Chili red (#CD1C18) is a fiery shade that’s slightly brighter but exudes a similar energy.
- Ruby (#E0115F) shares the same deepness with a touch more pink.
To complement crimson red, consider pairing it with:
- Dark gray (#A9A9A9) offers a touch of warmth for a cozy yet sophisticated color palette.
- Beige (#EDE8D0) provides a neutral background and tones down the boldness of crimson red.
- Bronze (#CD7F32) creates a luxurious and grand color combination for a modern Victorian feel.
- Pastel red (#FF746C) adds a touch of softness to a monochromatic color palette.
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:
- Neon green (#2CFF05) can be visually distracting when paired with crimson red, and those with color vision deficiency cannot differentiate the two.
- Chartreuse (#CCFF00) can create visual conflict when paired with crimson red.
- Electric blue (#00F0FF) may clash with crimson red’s warmth due to its coolness.
- Fuchsia (#FF00FF) may conflict with crimson red due to its brightness, leading to a busy and distracting look.
- Vermilion (#E34234) is very similar to crimson red and may create a discordant color scheme.
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.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Fine Wine
Cottagecore
Crimson Crush
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
6.68:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
3.14:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Fail
- AAA
- 4.5:1
Color simulations
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) |