Envy’s Love Complementary Color Scheme
Five colors arranged by the complementary rule around Envy’s Love (#2DD78D), each snapped to its nearest named color.
#2DD78D
#77EEBB
#D33376
#9E194D
#E781A6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Envy’s Love | #2DD78D | 45, 215, 141 | 154°, 68%, 51% | 79, 0, 34, 16 | |
| Jittery Jade | #77EEBB | 119, 238, 187 | 154°, 78%, 70% | 50, 0, 21, 7 | |
| Beetroot Purple | #D33376 | 211, 51, 118 | 335°, 65%, 51% | 0, 76, 44, 17 | |
| Hydrangea Red | #9E194D | 158, 25, 77 | 337°, 73%, 36% | 0, 84, 51, 38 | |
| Mangala Pink | #E781A6 | 231, 129, 166 | 338°, 68%, 71% | 0, 44, 28, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77EEBB on #9E194D | 5.46:1 | AA |
| Aa #2DD78D on #9E194D | 4.15:1 | AA large |
| Aa #77EEBB on #D33376 | 3.27:1 | AA large |
| Aa #9E194D on #E781A6 | 3.00:1 | — |
| Aa #2DD78D on #D33376 | 2.49:1 | — |
| Aa #77EEBB on #E781A6 | 1.82:1 | — |
CSS variables
:root {
--color-1: #2dd78d; /* Envy’s Love */
--color-2: #77eebb; /* Jittery Jade */
--color-3: #d33376; /* Beetroot Purple */
--color-4: #9e194d; /* Hydrangea Red */
--color-5: #e781a6; /* Mangala Pink */
}Other schemes from Envy’s Love
- Envy’s Love Analogous Color Scheme#75DE2F#32CD32#2DD78D#22CCCC#307DD3
- Envy’s Love Triadic Color Scheme#2DD78D#8833DD#D88E2D#8BE0BA#7E1E9C
- Envy’s Love Split-complementary Color Scheme#2DD78D#CC33CC#DB372A#1E9167#E760D2
- Envy’s Love Tetradic Color Scheme#2DD78D#243BCD#D33376#C2D62E#8BE0BA
- Envy’s Love Monochromatic Color Scheme#0A5F38#1E9167#2DD78D#66EEAA#B2EED3
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 Envy’s Love?
In a complementary scheme: Jittery Jade (#77EEBB), Beetroot Purple (#D33376), Hydrangea Red (#9E194D), Mangala Pink (#E781A6).
What is the hex code of Envy’s Love?
#2DD78D.