Jungle Jewels Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Jungle Jewels (#58A64B), each snapped to its nearest named color.
#58A64B
#654EA3
#A3498A
#3D703E
#8878C3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jungle Jewels | #58A64B | 88, 166, 75 | 111°, 38%, 47% | 47, 0, 55, 35 | |
| Ultrapurple Merge | #654EA3 | 101, 78, 163 | 256°, 35%, 47% | 38, 52, 0, 36 | |
| La la Lavender | #A3498A | 163, 73, 138 | 317°, 38%, 46% | 0, 55, 15, 36 | |
| Mount Hyjal | #3D703E | 61, 112, 62 | 121°, 29%, 34% | 46, 0, 45, 56 | |
| Ube | #8878C3 | 136, 120, 195 | 253°, 38%, 62% | 30, 38, 0, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58A64B on #654EA3 | 2.20:1 | — |
| Aa #58A64B on #3D703E | 1.94:1 | — |
| Aa #58A64B on #A3498A | 1.80:1 | — |
| Aa #654EA3 on #8878C3 | 1.74:1 | — |
| Aa #3D703E on #8878C3 | 1.54:1 | — |
| Aa #A3498A on #8878C3 | 1.42:1 | — |
CSS variables
:root {
--color-1: #58a64b; /* Jungle Jewels */
--color-2: #654ea3; /* Ultrapurple Merge */
--color-3: #a3498a; /* La la Lavender */
--color-4: #3d703e; /* Mount Hyjal */
--color-5: #8878c3; /* Ube */
}Other schemes from Jungle Jewels
- Jungle Jewels Complementary Color Scheme#58A64B#8CCE86#9A4EAE#69326E#C290C5
- Jungle Jewels Analogous Color Scheme#AB9649#80A546#58A64B#4FAA6C#46A795
- Jungle Jewels Triadic Color Scheme#58A64B#4D5AAF#A44A56#9AD28C#353D75
- Jungle Jewels Tetradic Color Scheme#58A64B#4885AA#9A4EAE#A66E4B#9AD28C
- Jungle Jewels Monochromatic Color Scheme#223311#3D703E#58A64B#8AC479#B1DBAA
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 Jungle Jewels?
In a split-complementary scheme: Ultrapurple Merge (#654EA3), La la Lavender (#A3498A), Mount Hyjal (#3D703E), Ube (#8878C3).
What is the hex code of Jungle Jewels?
#58A64B.