Ube

HEX: #8878C3 | Modern Palette

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

Color Specifications

HEX
#8878C3
RGB
136, 120, 195
HSL
252°, 38% ,76%
CMYK
30.26, 38.46, 0, 23.53

About Ube

Ube (#8878C3) is a color with RGB(136, 120, 195) and HSL(252.8°, 38.46%, 76.47%). It is commonly associated with Calm moods. In design, it fits Cool styles and is suitable for Text, Print. Its complementary color is #B3C378, which creates strong contrast. Its triadic palette includes #C38878 and #78C388. The name comes from ube (Filipino (Tagalog)).

  • HEX: #8878C3
  • RGB: 136, 120, 195
  • HSL: 252.8°, 38.46%, 76.47%
  • Mood: Calm
  • Style: Cool
  • Use case: Text, Print
  • Complementary color: #B3C378
  • Triadic colors: #C38878, #78C388
  • The name comes from ube (Filipino (Tagalog)).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

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

Complementary

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

Analogous

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

Triadic

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

Split-Complementary

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

Tetradic (Square)

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

Monochromatic

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

Shades & Tints

A seamless scale of #8878C3 from deepest shade to lightest tint.

Color Characteristics

Mood
Calm
Style
Cool
Use case
Text Print

Accessibility Simulation

Deuteranopia #7D7DC3
Protanopia #7A7AC3
Tritanopia #7B8585
Achromatopsia #838383

Frequently Asked Questions

Ube (#8878C3) is a color with RGB(136, 120, 195) and HSL(252.8°, 38.46%, 76.47%).

#8878C3 pairs strongly with #B3C378 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#8878C3 is suitable for Text, Print and works well with Cool styles.

#8878C3 is commonly associated with Calm.

The name Ube is linked to ube from Filipino (Tagalog), meaning purple yam.

Name, History & Etymology

Origin Word ube
Meaning purple yam
Language Filipino (Tagalog)
First Recorded Use Pre-colonial Philippines

History

Ube (Dioscorea alata) is a species of yam that is native to Southeast Asia, particularly the Philippines. It has been cultivated and consumed in the Philippines for millennia, serving as a primary food source before the arrival of Spanish colonizers. Its vibrant purple color and distinct sweet, earthy flavor made it a popular ingredient in traditional Filipino desserts. The word 'ube' itself is indigenous to the Philippines. Its culinary use has evolved from simple boiled or steamed preparations to a key ingredient in a wide array of modern Filipino pastries, desserts, and even savory dishes. In recent decades, ube has gained international recognition, particularly in Western countries, due to its unique color and flavor profile, often being featured in trendy desserts and beverages.

First Recorded Use

Likely thousands of years ago, as a staple crop in the Philippines.

Cultural Associations

Ube holds significant cultural importance in the Philippines. It is not just a food item but a symbol of Filipino cuisine and identity. It is most famously used in 'ube halaya' (a sweet, jam-like dessert), which is a staple at Filipino gatherings and celebrations. Its distinctive purple hue is often associated with Filipino desserts and is a source of national pride. The color itself has become iconic, making ube-flavored items instantly recognizable as Filipino-inspired. It is also often associated with comfort food and childhood memories for many Filipinos.

Similar Named Colors

Dark Pastel Purple #966FD6 ΔE 5.45
Medium Purple #9370DB ΔE 5.50
Lavender Purple #967BB6 ΔE 5.54

Code Snippets

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

/* Text */
.element {
    color: #8878C3;
}

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #8878C3,
        #D0DAAC
    );
}

// SCSS variable
$ube: #8878C3;

// With RGB channels (useful for rgba() usage)
$ube-r: 136;
$ube-g: 120;
$ube-b: 195;

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