Wicked Witch Complementary Color Scheme
Five colors arranged by the complementary rule around Wicked Witch (#5B984F), each snapped to its nearest named color.
#5B984F
#96BF83
#8F509D
#593569
#B48AC2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wicked Witch | #5B984F | 91, 152, 79 | 110°, 32%, 45% | 40, 0, 48, 40 | |
| Hearty Hosta | #96BF83 | 150, 191, 131 | 101°, 32%, 63% | 21, 0, 31, 25 | |
| Vicious Violet | #8F509D | 143, 80, 157 | 289°, 32%, 46% | 9, 49, 0, 38 | |
| Purple Protégé | #593569 | 89, 53, 105 | 282°, 33%, 31% | 15, 50, 0, 59 | |
| Creeping Bellflower | #B48AC2 | 180, 138, 194 | 285°, 31%, 65% | 7, 29, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #96BF83 on #593569 | 4.71:1 | AA |
| Aa #593569 on #B48AC2 | 3.44:1 | AA large |
| Aa #5B984F on #593569 | 2.83:1 | — |
| Aa #96BF83 on #8F509D | 2.65:1 | — |
| Aa #8F509D on #B48AC2 | 1.93:1 | — |
| Aa #8F509D on #593569 | 1.78:1 | — |
CSS variables
:root {
--color-1: #5b984f; /* Wicked Witch */
--color-2: #96bf83; /* Hearty Hosta */
--color-3: #8f509d; /* Vicious Violet */
--color-4: #593569; /* Purple Protégé */
--color-5: #b48ac2; /* Creeping Bellflower */
}Other schemes from Wicked Witch
- Wicked Witch Analogous Color Scheme#9C8A4D#789B4A#5B984F#539B6A#549B8C
- Wicked Witch Triadic Color Scheme#5B984F#4F5B93#97495A#99C285#353E64
- Wicked Witch Split-complementary Color Scheme#5B984F#6D5698#9C4A7D#3E6334#8F7BB7
- Wicked Witch Tetradic Color Scheme#5B984F#527E9C#8F509D#97694F#99C285
- Wicked Witch Monochromatic Color Scheme#1B2B1B#3E6334#5B984F#8ABD7B#B5D5B0
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Wicked Witch?
In a complementary scheme: Hearty Hosta (#96BF83), Vicious Violet (#8F509D), Purple Protégé (#593569), Creeping Bellflower (#B48AC2).
What is the hex code of Wicked Witch?
#5B984F.