Magical Malachite Analogous Color Scheme
Five colors arranged by the analogous rule around Magical Malachite (#22CC88), each snapped to its nearest named color.
#66CC22
#31CD31
#22CC88
#32BCD1
#2266CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green High | #66CC22 | 102, 204, 34 | 96°, 71%, 47% | 50, 0, 83, 20 | |
| Bitter Lime and Defeat | #31CD31 | 49, 205, 49 | 120°, 61%, 50% | 76, 0, 76, 20 | |
| Magical Malachite | #22CC88 | 34, 204, 136 | 156°, 71%, 47% | 83, 0, 33, 20 | |
| Holiday Blue | #32BCD1 | 50, 188, 209 | 188°, 63%, 51% | 76, 10, 0, 18 | |
| Janitor | #2266CC | 34, 102, 204 | 216°, 71%, 47% | 83, 50, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66CC22 on #2266CC | 2.66:1 | — |
| Aa #22CC88 on #2266CC | 2.62:1 | — |
| Aa #31CD31 on #2266CC | 2.58:1 | — |
| Aa #32BCD1 on #2266CC | 2.41:1 | — |
| Aa #66CC22 on #32BCD1 | 1.11:1 | — |
| Aa #22CC88 on #32BCD1 | 1.09:1 | — |
CSS variables
:root {
--color-1: #66cc22; /* Green High */
--color-2: #31cd31; /* Bitter Lime and Defeat */
--color-3: #22cc88; /* Magical Malachite */
--color-4: #32bcd1; /* Holiday Blue */
--color-5: #2266cc; /* Janitor */
}Other schemes from Magical Malachite
- Magical Malachite Complementary Color Scheme#22CC88#66EEAA#CC2266#871646#E96A97
- Magical Malachite Triadic Color Scheme#22CC88#8822CC#CC8822#66EEBB#5A1991
- Magical Malachite Split-complementary Color Scheme#22CC88#D521B8#CC3322#138859#E35BD8
- Magical Malachite Tetradic Color Scheme#22CC88#243BCD#CC2266#BBCC22#66EEBB
- Magical Malachite Monochromatic Color Scheme#05472A#138859#22CC88#56FCA2#9BEEC1
More Medium Green analogous palettes
- Acid Analogous Color Scheme#DDFF00#55FF00#00FF22#05FFA6#04D9FF
- Acid Green Analogous Color Scheme#FE7A04#FFF005#8FFE09#1BFC06#00FF77
- Alarming Slime Analogous Color Scheme#D0E429#68E52F#2CE335#2AF589#22DDEE
- Alien Abduction Analogous Color Scheme#FEFF0F#88FF11#0CFF0C#04F489#11FFFF
- Alienated Analogous Color Scheme#77CC00#11CC00#00CC55#00CCBB#0076CC
- Aloe Vera Analogous Color Scheme#769358#5C9F59#678779#5B9099#577396
- Aromatic Herbs Analogous Color Scheme#CC7744#C4B146#98C945#58D854#41C379
- Around the Gills Analogous Color Scheme#B8866E#B7A86D#A1B670#7CB26E#73B683
- Artichoke Analogous Color Scheme#AA7B65#A89768#8F9779#72A86A#6FA77A
- Arugula Analogous Color Scheme#AD935B#9FAC5C#75AD5B#54AC68#58AC8F
- Asparagus Analogous Color Scheme#AC8A56#AAAA55#77AB56#56AE57#58AC8F
- Atomic Lime Analogous Color Scheme#FE4B03#FFC801#B9FF03#3FFF00#00FF40
Questions
What colors go with Magical Malachite?
In a analogous scheme: Green High (#66CC22), Bitter Lime and Defeat (#31CD31), Holiday Blue (#32BCD1), Janitor (#2266CC).
What is the hex code of Magical Malachite?
#22CC88.