Battletoad Triadic Color Scheme
Five colors arranged by the triadic rule around Battletoad (#11CC55), each snapped to its nearest named color.
#11CC55
#5511CC
#CC5511
#58F898
#391285
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Battletoad | #11CC55 | 17, 204, 85 | 142°, 85%, 43% | 92, 0, 58, 20 | |
| Sea Serpent’s Tears | #5511CC | 85, 17, 204 | 262°, 85%, 43% | 58, 92, 0, 20 | |
| Hot Bolognese | #CC5511 | 204, 85, 17 | 22°, 85%, 43% | 0, 58, 92, 20 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| Pixie Powder | #391285 | 57, 18, 133 | 260°, 76%, 30% | 57, 86, 0, 48 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58F898 on #391285 | 9.56:1 | AAA |
| Aa #5511CC on #58F898 | 6.54:1 | AA |
| Aa #11CC55 on #391285 | 6.12:1 | AA |
| Aa #11CC55 on #5511CC | 4.19:1 | AA large |
| Aa #CC5511 on #58F898 | 3.14:1 | AA large |
| Aa #CC5511 on #391285 | 3.05:1 | AA large |
CSS variables
:root {
--color-1: #11cc55; /* Battletoad */
--color-2: #5511cc; /* Sea Serpent’s Tears */
--color-3: #cc5511; /* Hot Bolognese */
--color-4: #58f898; /* Thallium Flame */
--color-5: #391285; /* Pixie Powder */
}Other schemes from Battletoad
- Battletoad Complementary Color Scheme#11CC55#58F898#C71585#8C055E#FF55AA
- Battletoad Analogous Color Scheme#88CC11#22CC11#11CC55#11CCBB#1188CC
- 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 triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Battletoad?
In a triadic scheme: Sea Serpent’s Tears (#5511CC), Hot Bolognese (#CC5511), Thallium Flame (#58F898), Pixie Powder (#391285).
What is the hex code of Battletoad?
#11CC55.