Battletoad Complementary Color Scheme
Five colors arranged by the complementary rule around Battletoad (#11CC55), each snapped to its nearest named color.
#11CC55
#58F898
#C71585
#8C055E
#FF55AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Battletoad | #11CC55 | 17, 204, 85 | 142°, 85%, 43% | 92, 0, 58, 20 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| Medium Violet Red | #C71585 | 199, 21, 133 | 322°, 81%, 43% | 0, 89, 33, 22 | |
| Cardinal Pink | #8C055E | 140, 5, 94 | 320°, 93%, 28% | 0, 96, 33, 45 | |
| Pink Katydid | #FF55AA | 255, 85, 170 | 330°, 100%, 67% | 0, 67, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58F898 on #8C055E | 6.65:1 | AA |
| Aa #11CC55 on #8C055E | 4.26:1 | AA large |
| Aa #58F898 on #C71585 | 3.95:1 | AA large |
| Aa #8C055E on #FF55AA | 3.10:1 | AA large |
| Aa #11CC55 on #C71585 | 2.53:1 | — |
| Aa #58F898 on #FF55AA | 2.14:1 | — |
CSS variables
:root {
--color-1: #11cc55; /* Battletoad */
--color-2: #58f898; /* Thallium Flame */
--color-3: #c71585; /* Medium Violet Red */
--color-4: #8c055e; /* Cardinal Pink */
--color-5: #ff55aa; /* Pink Katydid */
}Other schemes from Battletoad
- Battletoad Analogous Color Scheme#88CC11#22CC11#11CC55#11CCBB#1188CC
- Battletoad Triadic Color Scheme#11CC55#5511CC#CC5511#58F898#391285
- Battletoad Split-complementary Color Scheme#11CC55#AA00CC#CB1028#008833#DD33FF
- Battletoad Tetradic Color Scheme#11CC55#1F22D2#C71585#CAB012#58F898
- Battletoad Monochromatic Color Scheme#0F380F#008833#11CC55#3AE57F#80F9AD
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 Battletoad?
In a complementary scheme: Thallium Flame (#58F898), Medium Violet Red (#C71585), Cardinal Pink (#8C055E), Pink Katydid (#FF55AA).
What is the hex code of Battletoad?
#11CC55.