Walled Garden Triadic Color Scheme
Five colors arranged by the triadic rule around Walled Garden (#11CC44), each snapped to its nearest named color.
#11CC44
#510AC9
#CC4411
#4CFF7B
#221188
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Walled Garden | #11CC44 | 17, 204, 68 | 136°, 85%, 43% | 92, 0, 67, 20 | |
| Violet Blue | #510AC9 | 81, 10, 201 | 262°, 91%, 41% | 60, 95, 0, 21 | |
| Fire Bolt | #CC4411 | 204, 68, 17 | 16°, 85%, 43% | 0, 67, 92, 20 | |
| Experimintal Green | #4CFF7B | 76, 255, 123 | 136°, 100%, 65% | 70, 0, 52, 0 | |
| Nightly Expedition | #221188 | 34, 17, 136 | 249°, 78%, 30% | 75, 88, 0, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4CFF7B on #221188 | 10.57:1 | AAA |
| Aa #510AC9 on #4CFF7B | 7.11:1 | AAA |
| Aa #11CC44 on #221188 | 6.48:1 | AA |
| Aa #11CC44 on #510AC9 | 4.36:1 | AA large |
| Aa #CC4411 on #4CFF7B | 3.61:1 | AA large |
| Aa #CC4411 on #221188 | 2.93:1 | — |
CSS variables
:root {
--color-1: #11cc44; /* Walled Garden */
--color-2: #510ac9; /* Violet Blue */
--color-3: #cc4411; /* Fire Bolt */
--color-4: #4cff7b; /* Experimintal Green */
--color-5: #221188; /* Nightly Expedition */
}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 Split-complementary Color Scheme#11CC44#A104C3#CD123F#118822#CC33FF
- Walled Garden Tetradic Color Scheme#11CC44#0033CC#CC1A97#D4A207#4CFF7B
- Walled Garden Monochromatic Color Scheme#0F380F#118822#11CC44#33EE66#87F8A3
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Walled Garden?
In a triadic scheme: Violet Blue (#510AC9), Fire Bolt (#CC4411), Experimintal Green (#4CFF7B), Nightly Expedition (#221188).
What is the hex code of Walled Garden?
#11CC44.