Magical Malachite Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magical Malachite (#22CC88), each snapped to its nearest named color.
#22CC88
#D521B8
#CC3322
#138859
#E35BD8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magical Malachite | #22CC88 | 34, 204, 136 | 156°, 71%, 47% | 83, 0, 33, 20 | |
| Magentella | #D521B8 | 213, 33, 184 | 310°, 73%, 48% | 0, 85, 14, 16 | |
| Lucky Lobster | #CC3322 | 204, 51, 34 | 6°, 71%, 47% | 0, 75, 83, 20 | |
| Vital Green | #138859 | 19, 136, 89 | 156°, 75%, 30% | 86, 0, 35, 47 | |
| Free Speech Magenta | #E35BD8 | 227, 91, 216 | 305°, 71%, 62% | 0, 60, 5, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22CC88 on #CC3322 | 2.48:1 | — |
| Aa #22CC88 on #138859 | 2.14:1 | — |
| Aa #22CC88 on #D521B8 | 2.12:1 | — |
| Aa #CC3322 on #E35BD8 | 1.66:1 | — |
| Aa #22CC88 on #E35BD8 | 1.49:1 | — |
| Aa #138859 on #E35BD8 | 1.44:1 | — |
CSS variables
:root {
--color-1: #22cc88; /* Magical Malachite */
--color-2: #d521b8; /* Magentella */
--color-3: #cc3322; /* Lucky Lobster */
--color-4: #138859; /* Vital Green */
--color-5: #e35bd8; /* Free Speech Magenta */
}Other schemes from Magical Malachite
- Magical Malachite Complementary Color Scheme#22CC88#66EEAA#CC2266#871646#E96A97
- Magical Malachite Analogous Color Scheme#66CC22#31CD31#22CC88#32BCD1#2266CC
- Magical Malachite Triadic Color Scheme#22CC88#8822CC#CC8822#66EEBB#5A1991
- Magical Malachite Tetradic Color Scheme#22CC88#243BCD#CC2266#BBCC22#66EEBB
- Magical Malachite Monochromatic Color Scheme#05472A#138859#22CC88#56FCA2#9BEEC1
More Medium Green split-complementary palettes
- 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 Magical Malachite?
In a split-complementary scheme: Magentella (#D521B8), Lucky Lobster (#CC3322), Vital Green (#138859), Free Speech Magenta (#E35BD8).
What is the hex code of Magical Malachite?
#22CC88.