Raspberry is a vibrant, energetic color combining pink and red. It sits between red and magenta on the color wheel. This bold hue is perfect for making a statement. Related shades include fuchsia and berry. Use raspberry to add a pop of excitement in playful designs.
Raspberry is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #E30B5D
- RGB value: 89.0% red, 4.3% green, 36.5% 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
For variations within the same spectrum as Raspberry, consider:
- Cherry (#d20a2e): Captures the vibrant, juicy essence of a ripe raspberry, mirroring its rich red undertones.
- Dark Pink (#c11c84): Reflects the deep, luscious pink hues found in raspberries, offering a bold, fruit-inspired shade.
- Blood Red (#780606): Shares the intense, concentrated red found in raspberry’s core, echoing its boldness and depth.
- Rose red (#fa003f): Embraces the bright, vivid nature of a raspberry, highlighting its lively and enticing appeal.
To complement Raspberry, consider pairing it with:
- Mint Green (#ADEBB3): Its cool, soothing nature balances the warmth of Raspberry, creating a fresh and harmonious palette.
- Cream (#FDFBD4): This neutral shade offers a soft contrast, allowing Raspberry to stand out while maintaining elegance.
- Gold (#EFBF04): Adds richness and vibrancy, enhancing Raspberry's boldness with a touch of luxury.
- Navy Blue (#000080): Provides a deep, sophisticated contrast, highlighting Raspberry's vivid hue and adding depth.
- Soft Pink (#E89EB8): Complements Raspberry with a gentle, romantic touch, while maintaining visual interest.
While Raspberry is a vibrant, deep pink hue, it may clash with:
- Chili Red (#CD1C18): Close in intensity to Raspberry, creating a lack of contrast that can make designs feel flat.
- Scarlet (#ED2100): Its bold red undertone can overpower Raspberry, making the combination appear harsh to the eyes.
- Neon Green (#2CFF05): This bright, vibrant green creates a jarring contrast with Raspberry, leading to a discordant visual effect.
- Blood Red (#780606): The deep, intense red can compete with Raspberry's vibrant pink, giving a visually heavy and unbalanced look.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Berry Bloom
Fuchsia Aqua
Neon Eden
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
4.7: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.
4.47: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 #E30B5D, known as Raspberry, has RGB values of R:227, G:11, B:93 and CMYK values of C:0, M:95, Y:59, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E30B5D | #E30B5D |
| RGB DECIMAL | 227, 11, 93 | RGB(227,11,93) |
| RGB PERCENTAGE | 89.0, 4.3, 36.5 | RGB(89.0%,4.3%,36.5%) |
| CMYK | 0, 95, 59, 11 | |
| HSL | HSL(337.2, 90.8%, 46.7%) | HSL(337.2, 90.8%, 46.7%) |
| HSV (OR HSB) | 337.2°, 95.2, 89.0 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100011, 00001011, 01011101 | |
| iOS - SwiftUI | Color(red: 0.890, green: 0.043, blue: 0.365) | |
| iOS - UIKit | UIColor(red: 0.890, green: 0.043, blue: 0.365, alpha: 1) | |
| Android - Compose | Color(0xFFE30B5D) |
