Mochito Tetradic Color Scheme
Five colors arranged by the tetradic rule around Mochito (#8EFA00), each snapped to its nearest named color.
#8EFA00
#00FFE5
#6F00FE
#FF0011
#B9FF66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mochito | #8EFA00 | 142, 250, 0 | 86°, 100%, 49% | 43, 0, 100, 2 | |
| Vibrant Mint | #00FFE5 | 0, 255, 229 | 174°, 100%, 50% | 100, 0, 10, 0 | |
| Bright Indigo | #6F00FE | 111, 0, 254 | 266°, 100%, 50% | 56, 100, 0, 0 | |
| Fury | #FF0011 | 255, 0, 17 | 356°, 100%, 50% | 0, 100, 93, 0 | |
| Luminescent Lime | #B9FF66 | 185, 255, 102 | 87°, 100%, 70% | 27, 0, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6F00FE on #B9FF66 | 5.65:1 | AA |
| Aa #00FFE5 on #6F00FE | 5.29:1 | AA |
| Aa #8EFA00 on #6F00FE | 5.09:1 | AA |
| Aa #FF0011 on #B9FF66 | 3.34:1 | AA large |
| Aa #00FFE5 on #FF0011 | 3.12:1 | AA large |
| Aa #8EFA00 on #FF0011 | 3.01:1 | AA large |
CSS variables
:root {
--color-1: #8efa00; /* Mochito */
--color-2: #00ffe5; /* Vibrant Mint */
--color-3: #6f00fe; /* Bright Indigo */
--color-4: #ff0011; /* Fury */
--color-5: #b9ff66; /* Luminescent Lime */
}Other schemes from Mochito
- Mochito Complementary Color Scheme#8EFA00#AAFF55#6F00FE#5500AA#AA66FF
- Mochito Analogous Color Scheme#FF6B00#FFE700#8EFA00#11FF00#00FF77
- Mochito Triadic Color Scheme#8EFA00#0088FF#FF0090#B9FF66#0264AE
- Mochito Split-complementary Color Scheme#8EFA00#0011FF#EE00FF#66AA00#4455FF
- Mochito Monochromatic Color Scheme#376D03#66AA00#8EFA00#A6FD44#C1FD95
More Medium Green tetradic palettes
- Acid Tetradic Color Scheme#00FF22#0058F8#EE00DD#FFA300#73FA79
- Acid Green Tetradic Color Scheme#8FFE09#11FFEE#7F01FE#FE0215#BEFD73
- Alarming Slime Tetradic Color Scheme#2CE335#247AFD#E03FD8#E69332#90EE90
- Alien Abduction Tetradic Color Scheme#0CFF0C#0084FF#FF09FF#FF8812#77FF77
- Alienated Tetradic Color Scheme#00CC55#0011CC#CC0077#D6BE01#2AF589
- Aloe Vera Tetradic Color Scheme#678779#5E5896#985672#95945C#95BFB2
- Aromatic Herbs Tetradic Color Scheme#98C945#48C2B0#7442C8#CE4458#C1E28A
- Around the Gills Tetradic Color Scheme#A1B670#6FB7A8#8773BB#B7737D#CDD6B1
- Artichoke Tetradic Color Scheme#8F9779#68A895#786DAA#A66E7A#C1CFA9
- Arugula Tetradic Color Scheme#75AD5B#579DAB#8D5EB7#AF6C5D#A8D19E
- Asparagus Tetradic Color Scheme#77AB56#5CA0A7#8D5EB7#AE5F55#B2CC9A
- Atomic Lime Tetradic Color Scheme#B9FF03#00FFCC#4400FF#FE023C#D4FB79
Questions
What colors go with Mochito?
In a tetradic scheme: Vibrant Mint (#00FFE5), Bright Indigo (#6F00FE), Fury (#FF0011), Luminescent Lime (#B9FF66).
What is the hex code of Mochito?
#8EFA00.