What color is cherry?
Cherry is a deep red shade with a subtle pink undertone reminiscent of its namesake fruit. It sits between red and violet on the color wheel, exuding sophisticated and serious qualities.
What does cherry look like on digital screens?
Cherry is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #D20A2E
- RGB value: 82.4% red, 3.9% green, and 18% 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.
How should I effectively use cherry in UI design?
Here are some ways to use cherry in your designs:
- Highlight important elements. Use cherry’s bold hue to draw attention to UI elements like CTAs and shop buttons. Save this color for key interactions and accents to avoid overwhelming users.
- Convey luxury. Cherry’s cool undertones create a softer feel than other vibrant red shades. It’s a great choice for high-end brands that want an eye-catching yet elegant design.
- Evoke trust. This color’s mix of red with pink undertones evokes feelings of confidence and authority. Use cherry rather than more energetic colors for a more approachable 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, research color considerations for your specific regions.
What are similar colors to cherry?
For variations within the same vibrant spectrum as cherry, consider:
- Maroon (#550000) is a deeper red with brown undertones, bringing a more comforting quality.
- Burgundy (#660033) shares cherry’s sophisticated qualities but is darker and closer to purple.
- Crimson red (#B22222) appears cooler and more muted than cherry.
- Rose red (#FA003F) is more vivid and best for a playful and energizing feeling.
What colors go with cherry?
To complement cherry, consider pairing it with:
- Turquoise (#40E0D0) contrasts cherry’s dark hues for a serene and refreshing feel.
- Light blue (#90D5FF) softens cherry’s vibrancy to create a calm and airy palette.
- Gold (#EFBF04) complements cherry’s sophisticated nature for a classy and dynamic design.
- White (#FFFFFF) provides a contrasting backdrop to make cherry feel brighter.
Other colors worth considering include light gray to create a neutral backdrop, navy blue for a powerful color palette, and mustard yellow for a playful combination.
What colors conflict with cherry?
While cherry is deep, it may clash with:
- Yellow-green (#CCFF00) is an intense color that can create a jarring and overwhelming contrast when paired with cherry.
- Peach (#FFD3AC) is a soft and gentle color that may get overwhelmed by cherry’s saturation.
- Scarlet (#ED2100) is a warmer red that may clash with cherry’s cooler tone.
- Cyan (#00FFFF) is a bright blue that may compete with cherry for attention and create an unbalanced feel.
What does cherry symbolize?
Cherry symbolizes authority, love, and passion. It also carries connotations of sophistication, refinement, trust, and power.
In color psychology, cherry evokes strength, motivation, and desire. Its bright nature inspires action and conviction.
In UI design, cherry is a stimulating color that draws attention to key features and interactions like CTAs or notifications. Its association with authority can infuse designs with feelings of dependability and confidence.
What’s the history of cherry?
The first known reference to “cherry” as a color was in the late 1500s in the writing of J. Dickenson. Since then, cherry has appeared in several industries, including fashion, interior design, and automotive.
Oldsmobile produced its final 500 Aleros in 2004 with metallic cherry red paint. Porsche also created a special Cherry Metallic 911 model in 2020. More recently, cherry resurfaced as a top color for the fall 2023 fashion season and is a trending color in interior design.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Cherry Kiss
Kinetic
Raspberry Tart
Accessibility: Contrast Checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
5.49: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.82: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
Color conversion
The hexadecimal color #D20A2E, known as cherry, has RGB values of R:210 G:10, B:46 and CMYK values of C:0, M:0.95, Y:0.78, K:0.18.
| VALUE | CSS | |
|---|---|---|
| HEX | D20A2E | #D20A2E |
| RGB DECIMAL | 210, 10, 46 | RGB(210,10,46) |
| RGB PERCENTAGE | 82.4, 3.9, 18 | RGB(82.4%,3.9%,18%) |
| CMYK | 0, 95, 78, 18 | |
| HSL | 349.2°, 90.9, 43.1 | HSL(349.2°,90.9%,43.1%) |
| HSV (OR HSB) | 349.2°, 95.2, 82.4 | |
| WEB SAFE | CC0033 | #CC0033 |
| CIE-LAB | 44.404, 69.057, 38.337 | |
| XYZ | 27.181, 14.12, 3.879 | |
| xyY | 0.602, 0.313, 14.12 | |
| CIE-LCH | 44.404, 78.985, 29.037 | |
| CIE-LUV | 44.404, 136.233, 22.356 | |
| HUNTER-LAB | 37.576, 63.364, 20.183 | |
| BINARY | 11010010, 00001010, 00101110 | |
| iOS - SwiftUI | Color(red: 0.824, green: 0.039, blue: 0.18) | |
| iOS - UIKit | UIColor(red: 0.039, green: 0.039, blue: 0.18, alpha:) | |
| Android - Compose | Color(0xFFD20A2E) |
