Wisteria

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

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
Light Blue
94%
#C9A0DC
Click to copy
Wisteria
100%
#DDA2D2
Click to copy
Light Purple
95%

Complementary

#C9A0DC
Click to copy
Wisteria
100%
#B4DDA2
Click to copy
Light Green
80%

Split Complementary

#C9A0DC
Click to copy
Wisteria
100%
#D2DDA2
Click to copy
Light Yellow
81%
#A2DDAD
Click to copy
Light Green
80%

Triadic

#C9A0DC
Click to copy
Wisteria
100%
#DDCAA2
Click to copy
Light Orange
83%
#A2DDCA
Click to copy
Light Cyan
83%

Tetradic

#C9A0DC
Click to copy
Wisteria
100%
#DDADA2
Click to copy
Light Red
86%
#B4DDA2
Click to copy
Light Green
80%
#A2D2DD
Click to copy
Light Cyan
86%

Square

#C9A0DC
Click to copy
Wisteria
100%
#DDADA2
Click to copy
Light Red
86%
#B4DDA2
Click to copy
Light Green
80%
#A2D2DD
Click to copy
Light Cyan
86%

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