Wisteria

#C9A0DC

What color is Wisteria?

Wisteria is a soft, medium purple with a gentle blue-grey coolness to it, hex #C9A0DC, close to the pale violet blooms of the wisteria vine. The color is light enough to feel airy but has enough pigment to register as a true purple rather than a pastel.

What is the meaning of the color Wisteria?

Named after the wisteria plant, which itself honors Caspar Wistar, an American anatomist at the University of Pennsylvania who died in 1818, the color entered English use as the vine became a popular ornamental plant in 19th-century gardens across Britain and the United States. By the early 20th century, the soft purple shade associated with the flower appeared in fabric dyeing and interior decoration as a fashionable alternative to deeper violets. Crayola added Wisteria as an official crayon color in 1993, giving the name a standardized, widely recognized reference point.

RGB
201, 160, 220
HSL
281°, 46%, 75%
CMYK
9, 27, 0, 14
HSV
281°, 27%, 86%
Wisteria color

What colors go with Wisteria?

Colors that pair well with Wisteria include:
Soft white: clean, airy contrast
Sage green: cool, natural balance
Dusty rose: gentle tonal warmth
Charcoal grey: grounded, strong depth
Lavender: soft, tonal harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C9A0DC color: #C9A0DC;
RGB 201, 160, 220 color: rgb(201, 160, 220);
RGB Percentage 79%, 63%, 86% color: rgb(79%, 63%, 86%);
CMYK 9%, 27%, 0%, 14% Not supported in CSS
HSL 281°, 46%, 75% color: hsl(281, 46%, 75%);
HSV 281°, 27%, 86% Not supported in CSS
CIE-LAB 60, 8, -20 color: lab(60% 8 -20);
Decimal 13213916 Not supported in CSS

Color Variations

Shades

#CAA2DD
#BA86D2
#AA6AC8
#9A4EBE
#863EA8
#70348C
#592970
#431F54

Tints

#EFE3F5
#EADAF1
#E5D0EE
#DFC7EA
#DABEE7
#D5B5E3
#CFABE0
#CAA2DD

Tones

#CAA2DD
#C9A5DA
#C8A8D7
#C7ABD4
#C6AED1
#C5B1CE
#C4B4CB
#C2B6C8

Hues

#CAA2DD
#DDA2C3
#DDADA2
#DDD9A2
#B4DDA2
#A2DDBB
#A2D2DD
#A2A6DD

Color Harmonies

Analogous

#ADA2DD
Click to copy
#C9A0DC
Click to copy
#DDA2D2
Click to copy

Complementary

#C9A0DC
Click to copy
#B4DDA2
Click to copy

Split Complementary

#C9A0DC
Click to copy
#D2DDA2
Click to copy
96%
#A2DDAD
Click to copy

Triadic

#C9A0DC
Click to copy
#DDCAA2
Click to copy
99%
#A2DDCA
Click to copy

Tetradic

#C9A0DC
Click to copy
#DDADA2
Click to copy
#B4DDA2
Click to copy
#A2D2DD
Click to copy

Square

#C9A0DC
Click to copy
#DDADA2
Click to copy
#B4DDA2
Click to copy
#A2D2DD
Click to copy

CSS & Dev Snippets

CSS
.wisteria {
  color: #C9A0DC;
}
SCSS
$wisteria: #C9A0DC;
RGB
rgb(201, 160, 220)

Accessibility & Contrast

White background

2.20:1
2.20
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.55:1
9.55
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags