Green Mana Complementary Color Scheme
Five colors arranged by the complementary rule around Green Mana (#26B467), each snapped to its nearest named color.
#26B467
#5CCD97
#BB2277
#78184A
#D767AD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Mana | #26B467 | 38, 180, 103 | 147°, 65%, 43% | 79, 0, 43, 29 | |
| Vegetation | #5CCD97 | 92, 205, 151 | 151°, 53%, 58% | 55, 0, 26, 20 | |
| Treasured Love | #BB2277 | 187, 34, 119 | 327°, 69%, 43% | 0, 82, 36, 27 | |
| Pansy Purple | #78184A | 120, 24, 74 | 329°, 67%, 28% | 0, 80, 38, 53 | |
| Mega Magenta | #D767AD | 215, 103, 173 | 323°, 58%, 62% | 0, 52, 20, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5CCD97 on #78184A | 5.24:1 | AA |
| Aa #26B467 on #78184A | 3.85:1 | AA large |
| Aa #78184A on #D767AD | 3.17:1 | AA large |
| Aa #5CCD97 on #BB2277 | 2.95:1 | — |
| Aa #26B467 on #BB2277 | 2.16:1 | — |
| Aa #BB2277 on #D767AD | 1.78:1 | — |
CSS variables
:root {
--color-1: #26b467; /* Green Mana */
--color-2: #5ccd97; /* Vegetation */
--color-3: #bb2277; /* Treasured Love */
--color-4: #78184a; /* Pansy Purple */
--color-5: #d767ad; /* Mega Magenta */
}Other schemes from Green Mana
- Green Mana Analogous Color Scheme#7BB92B#22BB22#26B467#20B2AA#2976BB
- Green Mana Triadic Color Scheme#26B467#6225B8#B66325#6ADC99#441166
- Green Mana Split-complementary Color Scheme#26B467#AA22BB#B7282E#177245#DB4BDA
- Green Mana Tetradic Color Scheme#26B467#2425B9#BB2277#B0AE26#6ADC99
- Green Mana Monochromatic Color Scheme#0D2E1C#177245#26B467#5CCD97#8BE0BA
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 Green Mana?
In a complementary scheme: Vegetation (#5CCD97), Treasured Love (#BB2277), Pansy Purple (#78184A), Mega Magenta (#D767AD).
What is the hex code of Green Mana?
#26B467.