Pearly Purple

HEX: #B768A2 | Modern Palette

On White
3.81:1
FAIL
On Black
5.52:1
PASS

Color Specifications

HEX
#B768A2
RGB
183, 104, 162
HSL
315°, 43% ,71%
CMYK
0, 43.17, 11.48, 28.24

About Pearly Purple

Pearly Purple (#B768A2) is a color with RGB(183, 104, 162) and HSL(315.95°, 43.17%, 71.76%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Logo, Print. Its complementary color is #68B77D, which creates strong contrast. Its triadic palette includes #A2B768 and #68A2B7. The name comes from Pearly Purple (English).

  • HEX: #B768A2
  • RGB: 183, 104, 162
  • HSL: 315.95°, 43.17%, 71.76%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Logo, Print
  • Complementary color: #68B77D
  • Triadic colors: #A2B768, #68A2B7
  • The name comes from Pearly Purple (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Pearly Purple #B768A2 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.
 
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Pearly Purple #B768A2 pairs with #68B77D as its complementary color, and #A2B768 and #68A2B7 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.

PEARLY PURPLE
Analogous

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

PEARLY PURPLE
Triadic

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

PEARLY PURPLE
Split-Complementary

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

PEARLY PURPLE
Tetradic (Square)

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

PEARLY PURPLE
Monochromatic

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

PEARLY PURPLE

Shades & Tints

The shade and tint range for Pearly Purple #B768A2 moves from dark #11080F tones through the base color to lighter #F7EEF4 tones, making it useful for depth, hierarchy, and background variation.

PEARLY PURPLE

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Logo Print

Accessibility Simulation

Deuteranopia #8585A0
Protanopia #7474A2
Tritanopia #B27171
Achromatopsia #838383

Frequently Asked Questions

Pearly Purple (#B768A2) is a color with RGB(183, 104, 162) and HSL(315.95°, 43.17%, 71.76%).

#B768A2 pairs strongly with #68B77D as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#B768A2 is suitable for Text, Logo, Print and works well with Warm styles.

#B768A2 is commonly associated with Romantic.

The name Pearly Purple is linked to Pearly Purple from English, meaning A shade of purple that evokes the soft, iridescent sheen of a pearl..

Name, History & Etymology

Origin Word Pearly Purple
Meaning A shade of purple that evokes the soft, iridescent sheen of a pearl.
Language English
First Recorded Use Late 20th Century

History

The concept of 'pearly' as a descriptor for color suggests a certain luminosity and softness, often associated with natural pearls. Purple, historically, has been a color of royalty, luxury, and spirituality due to the rarity and cost of its dyes (like Tyrian purple). The combination 'Pearly Purple' modernizes this by adding a delicate, almost ethereal quality, moving away from the deep, heavy purples of antiquity towards a lighter, more contemporary aesthetic. Its rise in popularity aligns with trends in interior design, fashion, and cosmetics that favor softer, more nuanced color palettes.

First Recorded Use

While the individual words 'pearly' and 'purple' have ancient origins, their specific combination as a named color 'Pearly Purple' likely emerged with the proliferation of digital color systems, paint manufacturing, and fashion terminology in the late 20th century. It's difficult to pinpoint an exact 'first use' date without specific historical documentation from a paint company, fashion house, or design standard.

Cultural Associations

In modern culture, 'Pearly Purple' might be associated with femininity, elegance, and a touch of whimsy. It's a color that can feel sophisticated yet approachable. It's often seen in spring/summer fashion collections, bridal wear, and home decor for a light, airy feel. In cosmetics, similar shades are popular for eyeshadows and nail polishes, conveying a delicate glamour. It lacks the strong, regal connotations of deeper purples and instead suggests a softer, more dreamlike quality.

Similar Named Colors

Super Pink #CF6BA9 ΔE 4.84
Sky Magenta #CF71AF ΔE 5.37
Wild Orchid #D470A2 ΔE 7.09
Mulberry #C54B8C ΔE 7.77

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #B768A2,
        #98D6A8
    );
}

// SCSS variable
$pearly-purple: #B768A2;

// With RGB channels (useful for rgba() usage)
$pearly-purple-r: 183;
$pearly-purple-g: 104;
$pearly-purple-b: 162;

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