Walled Garden Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Walled Garden (#11CC44), each snapped to its nearest named color.
#11CC44
#A104C3
#CD123F
#118822
#CC33FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Walled Garden | #11CC44 | 17, 204, 68 | 136°, 85%, 43% | 92, 0, 67, 20 | |
| Nebula | #A104C3 | 161, 4, 195 | 289°, 96%, 39% | 17, 98, 0, 24 | |
| Toreador | #CD123F | 205, 18, 63 | 346°, 84%, 44% | 0, 91, 69, 20 | |
| Asian Spice | #118822 | 17, 136, 34 | 129°, 78%, 30% | 88, 0, 75, 47 | |
| Flamingo Queen | #CC33FF | 204, 51, 255 | 285°, 100%, 60% | 20, 80, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #11CC44 on #A104C3 | 2.93:1 | — |
| Aa #11CC44 on #CD123F | 2.60:1 | — |
| Aa #11CC44 on #118822 | 2.13:1 | — |
| Aa #11CC44 on #CC33FF | 1.78:1 | — |
| Aa #A104C3 on #CC33FF | 1.65:1 | — |
| Aa #CD123F on #CC33FF | 1.46:1 | — |
CSS variables
:root {
--color-1: #11cc44; /* Walled Garden */
--color-2: #a104c3; /* Nebula */
--color-3: #cd123f; /* Toreador */
--color-4: #118822; /* Asian Spice */
--color-5: #cc33ff; /* Flamingo Queen */
}Other schemes from Walled Garden
- Walled Garden Complementary Color Scheme#11CC44#4CFF7B#CC1A97#881166#EE55CC
- Walled Garden Analogous Color Scheme#8CC90B#33CC00#11CC44#1CD3A2#0E9BD1
- Walled Garden Triadic Color Scheme#11CC44#510AC9#CC4411#4CFF7B#221188
- Walled Garden Tetradic Color Scheme#11CC44#0033CC#CC1A97#D4A207#4CFF7B
- Walled Garden Monochromatic Color Scheme#0F380F#118822#11CC44#33EE66#87F8A3
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 Walled Garden?
In a split-complementary scheme: Nebula (#A104C3), Toreador (#CD123F), Asian Spice (#118822), Flamingo Queen (#CC33FF).
What is the hex code of Walled Garden?
#11CC44.