Bright Ube

HEX: #D19FE8 | Modern Palette

On White
2.14:1
FAIL
On Black
9.84:1
PASS

Color Specifications

HEX
#D19FE8
RGB
209, 159, 232
HSL
281°, 61% ,76%
CMYK
10, 31, 0, 9

About Bright Ube

Bright Ube (#D19FE8) is a color with RGB(209, 159, 232) and HSL(281.1°, 61.3%, 76.7%). It is commonly associated with Romantic moods. In design, it is suitable for Text, Button, Accent. Its complementary color is #B6E89F, which creates strong contrast. Its triadic palette includes #E8D19F and #9FE8D1. The name comes from Ube (Filipino (Tagalog)).

  • HEX: #D19FE8
  • RGB: 209, 159, 232
  • HSL: 281.1°, 61.3%, 76.7%
  • Mood: Romantic
  • Use case: Text, Button, Accent
  • Complementary color: #B6E89F
  • Triadic colors: #E8D19F, #9FE8D1
  • 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 #D19FE8 from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #AFAFE7
Protanopia #A5A5E8
Tritanopia #C8ABAB
Achromatopsia #B1B1B1

Frequently Asked Questions

Bright Ube (#D19FE8) is a color with RGB(209, 159, 232) and HSL(281.1°, 61.3%, 76.7%).

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

#D19FE8 is suitable for Text, Button, Accent.

#D19FE8 is commonly associated with Romantic.

The name Bright 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 (for the yam itself)

History

Ube (Dioscorea alata) is a species of yam, a root vegetable, that is native to the Philippines and other parts of Southeast Asia. It has been a staple food in the Philippines for centuries, used in various traditional dishes. Its distinctive vibrant purple color is natural. In recent decades, ube has gained significant popularity globally, particularly in desserts, leading to the widespread recognition and use of its name and color in culinary and design contexts. 'Bright Ube' specifically refers to a vivid, often pastel, shade of this purple.

First Recorded Use

The term 'ube' has been used for centuries in the Philippines to refer to the purple yam. The specific color 'Bright Ube' is a modern descriptive term.

Cultural Associations

Ube is deeply embedded in Filipino culinary culture. It is most famously used in 'ube halaya' (a sweet, jam-like dessert), but also in ice cream, cakes, pastries, and drinks. Its unique color and mild, sweet, earthy flavor make it a beloved ingredient. The color 'ube' is now synonymous with Filipino desserts and a symbol of Filipino cuisine's growing international influence.

Similar Named Colors

Wisteria #C9A0DC ΔE 2.78
Bright Lavender #BF94E4 ΔE 4.31
Plum #DDA0DD ΔE 4.41
Bright Lilac #D891EF ΔE 4.44

Code Snippets

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

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

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

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

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

// SCSS variable
$bright-ube: #D19FE8;

// With RGB channels (useful for rgba() usage)
$bright-ube-r: 209;
$bright-ube-g: 159;
$bright-ube-b: 232;

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