Fairy Tale Green Complementary Color Scheme
Five colors arranged by the complementary rule around Fairy Tale Green (#88CC55), each snapped to its nearest named color.
#88CC55
#B2E191
#9955CC
#7733AA
#DDAAEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fairy Tale Green | #88CC55 | 136, 204, 85 | 94°, 54%, 57% | 33, 0, 58, 20 | |
| Sage Sensation | #B2E191 | 178, 225, 145 | 95°, 57%, 73% | 21, 0, 36, 12 | |
| Morado Purple | #9955CC | 153, 85, 204 | 274°, 54%, 57% | 25, 58, 0, 20 | |
| Purple Pristine | #7733AA | 119, 51, 170 | 274°, 54%, 43% | 30, 70, 0, 33 | |
| Petal Plush | #DDAAEE | 221, 170, 238 | 285°, 67%, 80% | 7, 29, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B2E191 on #7733AA | 4.96:1 | AA |
| Aa #7733AA on #DDAAEE | 3.90:1 | AA large |
| Aa #88CC55 on #7733AA | 3.81:1 | AA large |
| Aa #B2E191 on #9955CC | 3.11:1 | AA large |
| Aa #9955CC on #DDAAEE | 2.44:1 | — |
| Aa #88CC55 on #9955CC | 2.39:1 | — |
CSS variables
:root {
--color-1: #88cc55; /* Fairy Tale Green */
--color-2: #b2e191; /* Sage Sensation */
--color-3: #9955cc; /* Morado Purple */
--color-4: #7733aa; /* Purple Pristine */
--color-5: #ddaaee; /* Petal Plush */
}Other schemes from Fairy Tale Green
- Fairy Tale Green Analogous Color Scheme#CC9955#C4D056#88CC55#58D854#5CCD97
- Fairy Tale Green Triadic Color Scheme#88CC55#5588CC#CC5588#BEE7A5#3062A0
- Fairy Tale Green Split-complementary Color Scheme#88CC55#5A4FCF#C255C1#68A43C#8B98D8
- Fairy Tale Green Tetradic Color Scheme#88CC55#58C1CD#9955CC#CD5C51#BEE7A5
- Fairy Tale Green Monochromatic Color Scheme#3D7016#68A43C#88CC55#ABDF8F#D8F1CB
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 Fairy Tale Green?
In a complementary scheme: Sage Sensation (#B2E191), Morado Purple (#9955CC), Purple Pristine (#7733AA), Petal Plush (#DDAAEE).
What is the hex code of Fairy Tale Green?
#88CC55.