Vivid Mulberry

HEX: #B80CE3 | Modern Palette

On White
5.00:1
PASS
On Black
4.20:1
FAIL

Color Specifications

HEX
#B80CE3
RGB
184, 12, 227
HSL
288°, 94% ,89%
CMYK
18.94, 94.71, 0, 10.98

About Vivid Mulberry

Vivid Mulberry (#B80CE3) is a color with RGB(184, 12, 227) and HSL(288°, 94.71%, 89.02%). It is commonly associated with Playful moods. In design, it fits Neon styles and is suitable for Text, Button, Background. Its complementary color is #37E30C, which creates strong contrast. Its triadic palette includes #E3B80C and #0CE3B8. The name comes from Vivid Mulberry (English).

  • HEX: #B80CE3
  • RGB: 184, 12, 227
  • HSL: 288°, 94.71%, 89.02%
  • Mood: Playful
  • Style: Neon
  • Use case: Text, Button, Background
  • Complementary color: #37E30C
  • Triadic colors: #E3B80C, #0CE3B8
  • The name comes from Vivid Mulberry (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Vivid Mulberry #B80CE3 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
VIVID MULBERRY
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
VIVID MULBERRY
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
VIVID MULBERRY
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Vivid Mulberry #B80CE3 pairs with #37E30C as its complementary color, and #E3B80C and #0CE3B8 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

VIVID MULBERRY
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

VIVID MULBERRY
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

VIVID MULBERRY
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

VIVID MULBERRY
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

VIVID MULBERRY
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

VIVID MULBERRY

Shades & Tints

The shade and tint range for Vivid Mulberry #B80CE3 moves from dark #140118 tones through the base color to lighter #F9E7FE tones, making it useful for depth, hierarchy, and background variation.

VIVID MULBERRY

Color Characteristics

Mood
Playful
Style
Neon
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #6969E2
Protanopia #4343E3
Tritanopia #A55959
Achromatopsia #6F6F6F

Frequently Asked Questions

Vivid Mulberry (#B80CE3) is a color with RGB(184, 12, 227) and HSL(288°, 94.71%, 89.02%).

#B80CE3 pairs strongly with #37E30C as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#B80CE3 is suitable for Text, Button, Background and works well with Neon styles.

#B80CE3 is commonly associated with Playful.

The name Vivid Mulberry is linked to Vivid Mulberry from English, meaning A bright, intense shade of purple, reminiscent of the color of ripe mulberries..

Name, History & Etymology

Origin Word Vivid Mulberry
Meaning A bright, intense shade of purple, reminiscent of the color of ripe mulberries.
Language English
First Recorded Use Late 20th - Early 21st Century

History

The color 'mulberry' itself has a long history, referring to the deep reddish-purple fruit of the mulberry tree. As a color name, it has been used in fashion and art for a considerable time. The addition of 'vivid' serves to differentiate this particular shade from other, potentially darker or more muted, interpretations of mulberry. This trend of using descriptive adjectives (vivid, deep, light, pale, royal, etc.) became more common as color palettes expanded and required more specific nomenclature, especially in the digital age where precise hexadecimal or RGB values define exact shades.

First Recorded Use

The specific compound 'Vivid Mulberry' as a named color likely emerged with the proliferation of digital color systems and standardized color naming conventions (e.g., X11, web colors, design software palettes). While 'mulberry' as a color has existed for centuries, the 'vivid' modifier points to a more modern, precise, and often digitally-defined shade.

Cultural Associations

Mulberry colors often evoke feelings of richness, luxury, and sometimes a touch of mystery due to their deep purple undertones. Purple, in general, has historical associations with royalty, spirituality, and creativity. 'Vivid Mulberry' specifically, with its brightness, can also convey energy and vibrancy. It's a popular color in fashion, interior design, and digital aesthetics, often used to create a bold yet sophisticated statement.

Similar Named Colors
Electric Purple #BF00FF ΔE 3.85
Veronica #A020F0 ΔE 4.39
Vivid Orchid #CC00FF ΔE 5.27
Deep Magenta #CC00CC ΔE 5.30

Code Snippets

/* Background */
.element {
    background-color: #B80CE3;
}

/* Text */
.element {
    color: #B80CE3;
}

/* Border */
.element {
    border: 1px solid #B80CE3;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #B80CE3,
        #D3FEC8
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #B80CE3,
        #D3FEC8
    );
}

// SCSS variable
$vivid-mulberry: #B80CE3;

// With RGB channels (useful for rgba() usage)
$vivid-mulberry-r: 184;
$vivid-mulberry-g: 12;
$vivid-mulberry-b: 227;

// Usage
.element {
    background-color: $vivid-mulberry;
    color: rgba($vivid-mulberry-r, $vivid-mulberry-g, $vivid-mulberry-b, 0.8);
}