Tender Shoot Complementary Color Scheme
Five colors arranged by the complementary rule around Tender Shoot (#ACCB35), each snapped to its nearest named color.
#ACCB35
#CFDD7B
#5533CC
#312297
#8F8CE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tender Shoot | #ACCB35 | 172, 203, 53 | 72°, 59%, 50% | 15, 0, 74, 20 | |
| Golden Hop | #CFDD7B | 207, 221, 123 | 69°, 59%, 67% | 6, 0, 44, 13 | |
| Grape Hyacinth | #5533CC | 85, 51, 204 | 253°, 60%, 50% | 58, 75, 0, 20 | |
| Gentian Blue | #312297 | 49, 34, 151 | 248°, 63%, 36% | 68, 77, 0, 41 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CFDD7B on #312297 | 7.91:1 | AAA |
| Aa #ACCB35 on #312297 | 6.28:1 | AA |
| Aa #CFDD7B on #5533CC | 5.23:1 | AA |
| Aa #ACCB35 on #5533CC | 4.15:1 | AA large |
| Aa #312297 on #8F8CE7 | 3.92:1 | AA large |
| Aa #5533CC on #8F8CE7 | 2.59:1 | — |
CSS variables
:root {
--color-1: #accb35; /* Tender Shoot */
--color-2: #cfdd7b; /* Golden Hop */
--color-3: #5533cc; /* Grape Hyacinth */
--color-4: #312297; /* Gentian Blue */
--color-5: #8f8ce7; /* Perrywinkle */
}Other schemes from Tender Shoot
- Tender Shoot Analogous Color Scheme#CC5533#CB9E34#ACCB35#6ECB3C#31D652
- Tender Shoot Triadic Color Scheme#ACCB35#38AFCD#C034AF#CFE587#277594
- Tender Shoot Split-complementary Color Scheme#ACCB35#2266CC#9932CC#7A942E#6495DA
- Tender Shoot Tetradic Color Scheme#ACCB35#33CC99#5533CC#CC3366#CFE587
- Tender Shoot Monochromatic Color Scheme#48531A#7A942E#ACCB35#C6D86B#DFEBB1
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 Tender Shoot?
In a complementary scheme: Golden Hop (#CFDD7B), Grape Hyacinth (#5533CC), Gentian Blue (#312297), Perrywinkle (#8F8CE7).
What is the hex code of Tender Shoot?
#ACCB35.