Wicked Witch Triadic Color Scheme
Five colors arranged by the triadic rule around Wicked Witch (#5B984F), each snapped to its nearest named color.
#5B984F
#4F5B93
#97495A
#99C285
#353E64
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wicked Witch | #5B984F | 91, 152, 79 | 110°, 32%, 45% | 40, 0, 48, 40 | |
| Nightly Silhouette | #4F5B93 | 79, 91, 147 | 229°, 30%, 44% | 46, 38, 0, 42 | |
| Haitian Flower | #97495A | 151, 73, 90 | 347°, 35%, 44% | 0, 52, 40, 41 | |
| Picnic | #99C285 | 153, 194, 133 | 100°, 33%, 64% | 21, 0, 31, 24 | |
| Bay of Many | #353E64 | 53, 62, 100 | 229°, 31%, 30% | 47, 38, 0, 61 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99C285 on #353E64 | 5.14:1 | AA |
| Aa #4F5B93 on #99C285 | 3.20:1 | AA large |
| Aa #97495A on #99C285 | 3.05:1 | AA large |
| Aa #5B984F on #353E64 | 2.99:1 | — |
| Aa #5B984F on #4F5B93 | 1.86:1 | — |
| Aa #5B984F on #97495A | 1.77:1 | — |
CSS variables
:root {
--color-1: #5b984f; /* Wicked Witch */
--color-2: #4f5b93; /* Nightly Silhouette */
--color-3: #97495a; /* Haitian Flower */
--color-4: #99c285; /* Picnic */
--color-5: #353e64; /* Bay of Many */
}Other schemes from Wicked Witch
- Wicked Witch Complementary Color Scheme#5B984F#96BF83#8F509D#593569#B48AC2
- Wicked Witch Analogous Color Scheme#9C8A4D#789B4A#5B984F#539B6A#549B8C
- 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 triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Wicked Witch?
In a triadic scheme: Nightly Silhouette (#4F5B93), Haitian Flower (#97495A), Picnic (#99C285), Bay of Many (#353E64).
What is the hex code of Wicked Witch?
#5B984F.