Mulberry is a deep, rich shade that blends red and purple, exuding sophistication and warmth. It sits between magenta and violet on the color wheel. Think of shades like plum and wine. In design, use mulberry to add depth and elegance, perfect for creating a cozy, inviting atmosphere.
Mulberry is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #C54B8C
- RGB value: 77.3% red, 29.4% green, 54.9% 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 Mulberry, consider:
- Burgundy (#660033): Rich and dark, Burgundy shares Mulberry’s deep red undertones, creating a sense of sophistication and warmth.
- Aubergine (#372528): With its dark purple-brown mix, Aubergine captures Mulberry’s vibrancy yet leans slightly more mysterious and earthy.
- Dark Purple (#341539): This hue delivers an intense, bold touch, echoing Mulberry’s depth with a heavier purple emphasis.
- Magenta (#fd3db5): Vibrantly captivating, Magenta reflects Mulberry’s energetic pink tones, though it’s brighter and more playful.
To complement Mulberry, consider pairing it with:
- Mint green (#ADEBB3): This fresh and cool tone contrasts beautifully with Mulberry's deep hue while providing a refreshing balance.
- Gold (#EFBF04): The warm, metallic shine of gold enhances Mulberry's richness and adds a touch of luxury to the palette.
- Ivory (#FFFFE3): Ivory creates a soft and neutral background, allowing Mulberry to stand out with a striking, elegant presence.
- Dusty Rose (#DCA1A1): This muted pink brings a gentle warmth to Mulberry, creating a harmonious and sophisticated combination.
While Mulberry is a rich and deep shade, it may clash with:
- Neon Green (#2CFF05): Neon green's intense brightness and saturation create a jarring visual contrast with Mulberry's darker tone.
- Cyan (#00FFFF): Cyan's brightness and cool tone might be too stark against Mulberry, leading to an unsettling and over-contrasted pairing.
- Bright Yellow (#FFED29): The vibrancy and high saturation of bright yellow can overpower Mulberry, resulting in a loud and unharmonious combination.
- Hot Pink (#FF46A2): Hot pink's vividness competes with Mulberry, creating a discordant and potentially overwhelming visual effect.
- Electric Blue (#00F0FF): The striking intensity and high contrast of electric blue may appear harsh and out of sync when placed alongside Mulberry.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Berry Fusion
Clover Blush
Amethyst Fizz
Contrast checker
Contrast 4.41
- Large Text
#C54B8C
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 4.76
- Large Text
#C54B8C
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C54B8C, known as Mulberry, has RGB values of R:197, G:75, B:140 and CMYK values of C:0, M:62, Y:29, K:23.
| VALUE | CSS | |
|---|---|---|
| HEX | #C54B8C | #C54B8C |
| RGB DECIMAL | 197, 75, 140 | RGB(197,75,140) |
| RGB PERCENTAGE | 77.3, 29.4, 54.9 | RGB(77.3%,29.4%,54.9%) |
| CMYK | 0, 62, 29, 23 | |
| HSL | HSL(328.0, 51.3%, 53.3%) | HSL(328.0, 51.3%, 53.3%) |
| HSV (OR HSB) | 328.0°, 61.9, 77.3 | |
| WEB SAFE | #20451153 | #20451153 |
| BINARY | 11000101, 01001011, 10001100 | |
| iOS - SwiftUI | Color(red: 0.773, green: 0.294, blue: 0.549) | |
| iOS - UIKit | UIColor(red: 0.773, green: 0.294, blue: 0.549, alpha: 1) | |
| Android - Compose | Color(0xFFC54B8C) |
