Ube

#8878C3

Blue-Violet Family →

What Color is Ube

Ube is a distinctively powdery purple that sits comfortably between lavender and violet. Named after the famous purple yam from the Philippines, this shade exudes a creamy, matte texture often associated with sweet treats. It balances the calm of blue with the mystery of purple, creating a whimsical visual experience.

What color is opposite Ube?

The opposite color to Ube is Olivine (#b3c379).

View Olivine

Additional Information

  • Color Family: Blue-Violet
  • Temperature: Cool
  • Associated Season: Spring
  • Complementary Color: #B3C379
  • Brightness: 133/255
  • Saturation: 38%

Colors That Pair Well With Ube

Complementary

Pair with Olivine for a harmonious, balanced look. Great for backgrounds and accents.

#8878C3#b3c379

High Contrast

Use Crete for maximum readability. Ideal for text or critical UI elements.

#8878C3#77873c

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#b8aedb#443c62

Ube History

The history of this shade is rooted in the cultivation of the Dioscorea alata, or purple yam, indigenous to Southeast Asia. Unlike the regal Tyrian purple extracted from sea snails, this hue comes from organic anthocyanins found within the tuber's flesh. For centuries, it served as a visual staple in Filipino culinary tradition before entering the global color lexicon.

In the context of art and pigments, this specific desaturated violet resembles the cobalt violet used by Impressionists, though less intense. It bypassed the exclusivity of royal purples to become a symbol of modern globalization and viral food trends. Its rise marks a shift where culture and cuisine drive color popularity rather than textile manufacturing.

Meaning & Psychology

Psychologically, Ube lacks the intimidating heavy weight of deep imperial purples, offering a more approachable energy. It stimulates the imagination and suggests a sense of playfulness often linked to fantasy or confectionery. This shade invites the viewer to relax rather than stand at attention.

In cultural contexts, particularly within Filipino communities, this color evokes deep nostalgia and festive warmth. It signals sweetness and hospitality, effectively bypassing the traditional warning signs often associated with purple foods in nature. It represents a bridge between tradition and modern innovation.

In Nature

The most direct manifestation of this shade is found in the flesh of the purple yam tuber. Beyond the root vegetable, this specific soft violet appears in the petals of jacaranda trees and hanging wisteria blooms. It also occurs in mineral formations such as lepidolite, which shares the same dusty, calming violet hue found in the earth.

How To Use Ube

In modern design, Ube works exceptionally well for branding that aims to appear trendy and youthful without being abrasive. It pairs beautifully with soft yellows and creamy whites, making it ideal for packaging designs that require a soft, tactile sensation. It effectively disrupts the standard blue-dominated corporate landscape.

Designers must exercise caution regarding legibility when using this hex code as a background. Because it is a mid-tone, pure white text may fail WCAG standards; dark gray or charcoal is a safer choice for contrast. Use it as an accent element to draw the eye without overwhelming the visual hierarchy.

Related Words

anthocyaninscobaltglobalizationapproachableplayfulnessnostalgiatraditionyamjacarandawisterialepidolitetrendytactilelegibilitycontrast

Curated Palettes

#8878C3
#FFFDD0
#5E4B8B
#D2B48C
#FFFFFF

Manila Sweetness

A delicious palette inspired by traditional Ube desserts and coconut.

#8878C3
#98FF98
#B0E0E6
#E6E6FA
#4B0082

Jacaranda Breeze

A refreshing spring palette combining cool purples with soft greens.

#8878C3
#1A1A1A
#00FFCC
#505050
#F0F0F0

Synthetic Future

A high-contrast, modern palette for tech interfaces.

Color Conversions

Hex
#8878C3
RGB
136, 120, 195
RGB %
53%, 47%, 76%
HSL
253°, 38%, 62%
HSV
253°, 38%, 76%
CMYK
30%, 38%, 0%, 24%
LAB
54.67, 22.95, -37.04
XYZ
26.72, 22.61, 54.59

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #8878C3;
Text Color (RGB)
Aa
color: rgb(136, 120, 195);
Background Color
background-color: #8878C3;
Border
border: 3px solid #8878C3;
Box Shadow
box-shadow: 0 4px 12px #8878C366;
Gradient
background: linear-gradient(135deg, #8878C3 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Ube

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Ube

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Ube?

Explore color palettes containing Ube and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

violet

#138#8A6BAF

Buy

Prismacolor

Lilac

#PC956#7A66A8

Buy

Caran d'ache Luminance 6901

Ultramarine Violet

#630#9B93D1

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Ube?
The hex code for Ube is #8878C3. The RGB values are (136, 120, 195). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Ube?
Ube pairs well with its complementary color, Olivine (#b3c379). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Ube accessible for text?
No, Ube is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Ube in CSS?

You can use Ube in CSS with its hex code. Here is an example class:

.ube {
  background-color: #8878C3;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.