Leafy Canopy Complementary Color Scheme
Five colors arranged by the complementary rule around Leafy Canopy (#AACC11), each snapped to its nearest named color.
#AACC11
#DBE64C
#360CCC
#221188
#7755EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Leafy Canopy | #AACC11 | 170, 204, 17 | 71°, 85%, 43% | 17, 0, 92, 20 | |
| First Colours of Spring | #DBE64C | 219, 230, 76 | 64°, 75%, 60% | 5, 0, 67, 10 | |
| Interdimensional Blue | #360CCC | 54, 12, 204 | 253°, 89%, 42% | 74, 94, 0, 20 | |
| Nightly Expedition | #221188 | 34, 17, 136 | 249°, 78%, 30% | 75, 88, 0, 47 | |
| Candy Grape Fizz | #7755EE | 119, 85, 238 | 253°, 82%, 63% | 50, 64, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DBE64C on #221188 | 10.26:1 | AAA |
| Aa #AACC11 on #221188 | 7.55:1 | AAA |
| Aa #DBE64C on #360CCC | 7.42:1 | AAA |
| Aa #AACC11 on #360CCC | 5.46:1 | AA |
| Aa #DBE64C on #7755EE | 3.57:1 | AA large |
| Aa #221188 on #7755EE | 2.87:1 | — |
CSS variables
:root {
--color-1: #aacc11; /* Leafy Canopy */
--color-2: #dbe64c; /* First Colours of Spring */
--color-3: #360ccc; /* Interdimensional Blue */
--color-4: #221188; /* Nightly Expedition */
--color-5: #7755ee; /* Candy Grape Fizz */
}Other schemes from Leafy Canopy
- Leafy Canopy Analogous Color Scheme#C93413#CC8F15#AACC11#55CC11#00CC33
- Leafy Canopy Triadic Color Scheme#AACC11#0FAFC6#DD14AB#D1F358#016E85
- Leafy Canopy Split-complementary Color Scheme#AACC11#024ACA#8806CE#748500#3C69E7
- Leafy Canopy Tetradic Color Scheme#AACC11#19CC89#360CCC#D2144B#D1F358
- Leafy Canopy Monochromatic Color Scheme#373E02#748500#AACC11#CFE838#E1EE82
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 Leafy Canopy?
In a complementary scheme: First Colours of Spring (#DBE64C), Interdimensional Blue (#360CCC), Nightly Expedition (#221188), Candy Grape Fizz (#7755EE).
What is the hex code of Leafy Canopy?
#AACC11.