Mantis Complementary Color Scheme
Five colors arranged by the complementary rule around Mantis (#74C365), each snapped to its nearest named color.
#74C365
#B0DFA4
#B86FC2
#803790
#D6B7E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mantis | #74C365 | 116, 195, 101 | 110°, 44%, 58% | 41, 0, 48, 24 | |
| Green Gooseberry | #B0DFA4 | 176, 223, 164 | 108°, 48%, 76% | 21, 0, 26, 13 | |
| Lavendless | #B86FC2 | 184, 111, 194 | 293°, 40%, 60% | 5, 43, 0, 24 | |
| Dull Violet | #803790 | 128, 55, 144 | 289°, 45%, 39% | 11, 62, 0, 44 | |
| Pretty Petunia | #D6B7E2 | 214, 183, 226 | 283°, 43%, 80% | 5, 19, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B0DFA4 on #803790 | 4.86:1 | AA |
| Aa #803790 on #D6B7E2 | 4.09:1 | AA large |
| Aa #74C365 on #803790 | 3.40:1 | AA large |
| Aa #B0DFA4 on #B86FC2 | 2.29:1 | — |
| Aa #B86FC2 on #803790 | 2.12:1 | — |
| Aa #B86FC2 on #D6B7E2 | 1.93:1 | — |
CSS variables
:root {
--color-1: #74c365; /* Mantis */
--color-2: #b0dfa4; /* Green Gooseberry */
--color-3: #b86fc2; /* Lavendless */
--color-4: #803790; /* Dull Violet */
--color-5: #d6b7e2; /* Pretty Petunia */
}Other schemes from Mantis
- Mantis Analogous Color Scheme#C5B067#A4C161#74C365#6FC288#6EC2B0
- Mantis Triadic Color Scheme#74C365#746CC0#C96272#B8E2B0#3B5698
- Mantis Split-complementary Color Scheme#74C365#8E72C7#CE6BA6#549C38#B19CD9
- Mantis Tetradic Color Scheme#74C365#66A3C3#B86FC2#C08768#B8E2B0
- Mantis Monochromatic Color Scheme#326A2B#549C38#74C365#A9D99C#D7EFD5
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 Mantis?
In a complementary scheme: Green Gooseberry (#B0DFA4), Lavendless (#B86FC2), Dull Violet (#803790), Pretty Petunia (#D6B7E2).
What is the hex code of Mantis?
#74C365.