Mantis Triadic Color Scheme
Five colors arranged by the triadic rule around Mantis (#74C365), each snapped to its nearest named color.
#74C365
#746CC0
#C96272
#B8E2B0
#3B5698
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mantis | #74C365 | 116, 195, 101 | 110°, 44%, 58% | 41, 0, 48, 24 | |
| Purple Toolbox | #746CC0 | 116, 108, 192 | 246°, 40%, 59% | 40, 44, 0, 25 | |
| Triple Berry | #C96272 | 201, 98, 114 | 351°, 49%, 59% | 0, 51, 43, 21 | |
| Mint Cocktail Green | #B8E2B0 | 184, 226, 176 | 110°, 46%, 79% | 19, 0, 22, 11 | |
| Muted Lavender | #3B5698 | 59, 86, 152 | 223°, 44%, 41% | 61, 43, 0, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8E2B0 on #3B5698 | 4.90:1 | AA |
| Aa #74C365 on #3B5698 | 3.28:1 | AA large |
| Aa #746CC0 on #B8E2B0 | 3.13:1 | AA large |
| Aa #C96272 on #B8E2B0 | 2.66:1 | — |
| Aa #74C365 on #746CC0 | 2.09:1 | — |
| Aa #C96272 on #3B5698 | 1.84:1 | — |
CSS variables
:root {
--color-1: #74c365; /* Mantis */
--color-2: #746cc0; /* Purple Toolbox */
--color-3: #c96272; /* Triple Berry */
--color-4: #b8e2b0; /* Mint Cocktail Green */
--color-5: #3b5698; /* Muted Lavender */
}Other schemes from Mantis
- Mantis Complementary Color Scheme#74C365#B0DFA4#B86FC2#803790#D6B7E2
- Mantis Analogous Color Scheme#C5B067#A4C161#74C365#6FC288#6EC2B0
- 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 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 Mantis?
In a triadic scheme: Purple Toolbox (#746CC0), Triple Berry (#C96272), Mint Cocktail Green (#B8E2B0), Muted Lavender (#3B5698).
What is the hex code of Mantis?
#74C365.