Tender Shoot Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tender Shoot (#ACCB35), each snapped to its nearest named color.
#ACCB35
#2266CC
#9932CC
#7A942E
#6495DA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tender Shoot | #ACCB35 | 172, 203, 53 | 72°, 59%, 50% | 15, 0, 74, 20 | 79.3% 0.172 121 | |
| Janitor | #2266CC | 34, 102, 204 | 216°, 71%, 47% | 83, 50, 0, 20 | 52.7% 0.172 259 | |
| Purple Vanity | #9932CC | 153, 50, 204 | 280°, 61%, 50% | 25, 75, 0, 20 | 54.1% 0.227 312 | |
| Siskin Sprout | #7A942E | 122, 148, 46 | 75°, 53%, 38% | 18, 0, 69, 42 | 62.6% 0.131 123 | |
| Little Boy Blue | #6495DA | 100, 149, 218 | 215°, 61%, 62% | 54, 32, 0, 15 | 66.5% 0.116 257 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACCB35 on #9932CC | 3.08:1 | AA large |
| Aa #ACCB35 on #2266CC | 2.95:1 | — |
| Aa #9932CC on #6495DA | 1.86:1 | — |
| Aa #ACCB35 on #7A942E | 1.86:1 | — |
| Aa #2266CC on #6495DA | 1.78:1 | — |
| Aa #9932CC on #7A942E | 1.66:1 | — |
CSS variables
:root {
--color-1: #accb35; /* Tender Shoot */
--color-2: #2266cc; /* Janitor */
--color-3: #9932cc; /* Purple Vanity */
--color-4: #7a942e; /* Siskin Sprout */
--color-5: #6495da; /* Little Boy Blue */
}Other schemes from Tender Shoot
- Tender Shoot Complementary Color Scheme#ACCB35#CFDD7B#5533CC#312297#8F8CE7
- Tender Shoot Analogous Color Scheme#CC5533#CB9E34#ACCB35#6ECB3C#31D652
- Tender Shoot Triadic Color Scheme#ACCB35#38AFCD#C034AF#CFE587#277594
- Tender Shoot Tetradic Color Scheme#ACCB35#33CC99#5533CC#CC3366#CFE587
- Tender Shoot Monochromatic Color Scheme#48531A#7A942E#ACCB35#C6D86B#DFEBB1
More medium green split-complementary color schemes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Tender Shoot?
In a split-complementary scheme: Janitor (#2266CC), Purple Vanity (#9932CC), Siskin Sprout (#7A942E), Little Boy Blue (#6495DA).
What is the hex code of Tender Shoot?
#ACCB35.