Wisteria is a soothing, dreamy purple with hints of blue, found between blue and violet on the color wheel. Its soft, romantic hue resembles lilac and lavender. Perfect for calming designs, wisteria adds a gentle touch to backgrounds and is ideal for creating serene, elegant atmospheres.
Wisteria is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #C9A0DC
- RGB value: 78.8% red, 62.7% green, 86.3% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as Wisteria, consider:
- Mauve (#e0afff): Mauve is a soft pastel hue, echoing wisteria's muted purple tones with a hint of pink.
- Lavender (#d3d3ff): Lavender shares wisteria's gentle and calming light purple, offering a similarly airy feel.
- Light Purple (#dab1da): Light Purple provides a pastel variation akin to wisteria, maintaining a subtle, subdued charm.
- Lilac (#a47dab): Lilac captures wisteria’s delicate balance of purple and lightness, enhancing its ethereal quality.
To complement Wisteria, consider pairing it with:
- Mint Green (#ADEBB3): This fresh, crisp shade balances Wisteria’s delicate hue, adding a lively touch to the palette.
- Peach (#FFD3AC): Peach’s warm undertones harmonize with Wisteria’s soft lavender, providing a gentle yet vibrant contrast.
- Sky Blue (#82C8E5): The airy, light quality of Sky Blue creates a serene backdrop that highlights Wisteria’s subtle elegance.
- Champagne (#F7E6CA): This soft, creamy color offers a neutral canvas, allowing Wisteria to shine without overwhelming the design.
- Light Gray (#D3D3D3): Emphasizing Wisteria's gentle tones, Light Gray promotes a sophisticated and understated look.
While wisteria is soft and delicate, it may clash with:
- Neon Green (#2cff05): Neon green's intense brightness can overwhelm wisteria's gentle palette, creating a visually jarring effect.
- Neon Orange (#ff5c00): The vibrant energy of neon orange can compete with wisteria, disrupting the harmony of a cohesive color scheme.
- Crimson Red (#b22222): Crimson red's rich, powerful hue may dominate wisteria's subtlety, leading to an imbalanced and stark contrast.
- Jet Black (#252525): The deep darkness of jet black can overshadow wisteria, making it appear washed out and less vibrant.
- Bright Yellow (#ffed29): Bright yellow's vivid hue can clash with wisteria, creating a sharp contrast that's visually intense.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Lavender Meadow
Lilac Mist
Charmed Wisteria
Contrast checker
Contrast 2.2
- Large Text
#C9A0DC
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 9.55
- Large Text
#C9A0DC
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #C9A0DC, known as Wisteria, has RGB values of R:201, G:160, B:220 and CMYK values of C:9, M:27, Y:0, K:14.
| VALUE | CSS | |
|---|---|---|
| HEX | #C9A0DC | #C9A0DC |
| RGB DECIMAL | 201, 160, 220 | RGB(201,160,220) |
| RGB PERCENTAGE | 78.8, 62.7, 86.3 | RGB(78.8%,62.7%,86.3%) |
| CMYK | 9, 27, 0, 14 | |
| HSL | HSL(281.0, 46.2%, 74.5%) | HSL(281.0, 46.2%, 74.5%) |
| HSV (OR HSB) | 281.0°, 27.3, 86.3 | |
| WEB SAFE | #204153204 | #204153204 |
| BINARY | 11001001, 10100000, 11011100 | |
| iOS - SwiftUI | Color(red: 0.788, green: 0.627, blue: 0.863) | |
| iOS - UIKit | UIColor(red: 0.788, green: 0.627, blue: 0.863, alpha: 1) | |
| Android - Compose | Color(0xFFC9A0DC) |
