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

Ube #8878C3 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.

UBE

Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.

UBE

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

Ube #8878C3 pairs with #B3C378 as its complementary color, and #C38878 and #78C388 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.

UBE

Analogous

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

UBE

Triadic

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

UBE

Split-Complementary

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

UBE

Tetradic (Square)

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

UBE

Monochromatic

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

UBE

Shades & Tints

The shade and tint range for Ube #8878C3 moves from dark #0A0812 tones through the base color to lighter #EFEDF7 tones, making it useful for depth, hierarchy, and background variation.

UBE

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

Purple Mountain Majesty #9678B6 ΔE 5.38

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);
}

Ube