Victorian Garden Triadic Color Scheme
Five colors arranged by the triadic rule around Victorian Garden (#558E4C), each snapped to its nearest named color.
#558E4C
#49548F
#914D57
#84BE84
#33365B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Victorian Garden | #558E4C | 85, 142, 76 | 112°, 30%, 43% | 40, 0, 46, 44 | |
| Canyon Iris | #49548F | 73, 84, 143 | 231°, 32%, 42% | 49, 41, 0, 44 | |
| Rialto | #914D57 | 145, 77, 87 | 351°, 31%, 44% | 0, 47, 40, 43 | |
| Greengage | #84BE84 | 132, 190, 132 | 120°, 31%, 63% | 31, 0, 31, 25 | |
| Very Blue | #33365B | 51, 54, 91 | 236°, 28%, 28% | 44, 41, 0, 64 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #84BE84 on #33365B | 5.32:1 | AA |
| Aa #49548F on #84BE84 | 3.28:1 | AA large |
| Aa #558E4C on #33365B | 2.95:1 | — |
| Aa #914D57 on #84BE84 | 2.84:1 | — |
| Aa #914D57 on #33365B | 1.87:1 | — |
| Aa #558E4C on #49548F | 1.82:1 | — |
CSS variables
:root {
--color-1: #558e4c; /* Victorian Garden */
--color-2: #49548f; /* Canyon Iris */
--color-3: #914d57; /* Rialto */
--color-4: #84be84; /* Greengage */
--color-5: #33365b; /* Very Blue */
}Other schemes from Victorian Garden
- Victorian Garden Complementary Color Scheme#558E4C#8ABD7B#824D8F#59355E#BD83BE
- Victorian Garden Analogous Color Scheme#8D844D#738F50#558E4C#478865#4C9085
- Victorian Garden Split-complementary Color Scheme#558E4C#6A5287#914E75#305D35#8774B0
- Victorian Garden Tetradic Color Scheme#558E4C#4F738E#824D8F#8E664E#84BE84
- Victorian Garden Monochromatic Color Scheme#1B2B1B#305D35#558E4C#7BB274#A7CCA4
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 Victorian Garden?
In a triadic scheme: Canyon Iris (#49548F), Rialto (#914D57), Greengage (#84BE84), Very Blue (#33365B).
What is the hex code of Victorian Garden?
#558E4C.