Magical Malachite Complementary Color Scheme
Five colors arranged by the complementary rule around Magical Malachite (#22CC88), each snapped to its nearest named color.
#22CC88
#66EEAA
#CC2266
#871646
#E96A97
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magical Malachite | #22CC88 | 34, 204, 136 | 156°, 71%, 47% | 83, 0, 33, 20 | |
| Screen Glow | #66EEAA | 102, 238, 170 | 150°, 80%, 67% | 57, 0, 29, 7 | |
| Sensitive Scorpion | #CC2266 | 204, 34, 102 | 336°, 71%, 47% | 0, 83, 50, 20 | |
| Akuma’s Fury | #871646 | 135, 22, 70 | 335°, 72%, 31% | 0, 84, 48, 47 | |
| Shadow Azalea Pink | #E96A97 | 233, 106, 151 | 339°, 74%, 66% | 0, 55, 35, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66EEAA on #871646 | 6.44:1 | AA |
| Aa #22CC88 on #871646 | 4.50:1 | AA |
| Aa #66EEAA on #CC2266 | 3.60:1 | AA large |
| Aa #871646 on #E96A97 | 3.12:1 | AA large |
| Aa #22CC88 on #CC2266 | 2.52:1 | — |
| Aa #66EEAA on #E96A97 | 2.06:1 | — |
CSS variables
:root {
--color-1: #22cc88; /* Magical Malachite */
--color-2: #66eeaa; /* Screen Glow */
--color-3: #cc2266; /* Sensitive Scorpion */
--color-4: #871646; /* Akuma’s Fury */
--color-5: #e96a97; /* Shadow Azalea Pink */
}Other schemes from Magical Malachite
- Magical Malachite Analogous Color Scheme#66CC22#31CD31#22CC88#32BCD1#2266CC
- Magical Malachite Triadic Color Scheme#22CC88#8822CC#CC8822#66EEBB#5A1991
- Magical Malachite Split-complementary Color Scheme#22CC88#D521B8#CC3322#138859#E35BD8
- Magical Malachite Tetradic Color Scheme#22CC88#243BCD#CC2266#BBCC22#66EEBB
- Magical Malachite Monochromatic Color Scheme#05472A#138859#22CC88#56FCA2#9BEEC1
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 Magical Malachite?
In a complementary scheme: Screen Glow (#66EEAA), Sensitive Scorpion (#CC2266), Akuma’s Fury (#871646), Shadow Azalea Pink (#E96A97).
What is the hex code of Magical Malachite?
#22CC88.