Yellow Brick Road Triadic Color Scheme
Five colors arranged by the triadic rule around Yellow Brick Road (#EAC853), each snapped to its nearest named color.
#EAC853
#45E9C1
#CC55EE
#F5E6AC
#1CD3A2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Yellow Brick Road | #EAC853 | 234, 200, 83 | 46°, 78%, 62% | 0, 15, 65, 8 | |
| Aphrodite Aqua | #45E9C1 | 69, 233, 193 | 165°, 79%, 59% | 70, 0, 17, 9 | |
| Bubblegum Baby Girl | #CC55EE | 204, 85, 238 | 287°, 82%, 63% | 14, 64, 0, 7 | |
| Glisten Yellow | #F5E6AC | 245, 230, 172 | 48°, 78%, 82% | 0, 6, 30, 4 | |
| Wild Caribbean Green | #1CD3A2 | 28, 211, 162 | 164°, 77%, 47% | 87, 0, 23, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC55EE on #F5E6AC | 2.75:1 | — |
| Aa #45E9C1 on #CC55EE | 2.24:1 | — |
| Aa #EAC853 on #CC55EE | 2.11:1 | — |
| Aa #CC55EE on #1CD3A2 | 1.78:1 | — |
| Aa #F5E6AC on #1CD3A2 | 1.54:1 | — |
| Aa #EAC853 on #F5E6AC | 1.30:1 | — |
CSS variables
:root {
--color-1: #eac853; /* Yellow Brick Road */
--color-2: #45e9c1; /* Aphrodite Aqua */
--color-3: #cc55ee; /* Bubblegum Baby Girl */
--color-4: #f5e6ac; /* Glisten Yellow */
--color-5: #1cd3a2; /* Wild Caribbean Green */
}Other schemes from Yellow Brick Road
- Yellow Brick Road Complementary Color Scheme#EAC853#F5E1A6#5577EE#0343DF#B8B8F8
- Yellow Brick Road Analogous Color Scheme#EE5577#EE7C54#EAC853#D1F358#70F15E
- Yellow Brick Road Split-complementary Color Scheme#EAC853#4EC0ED#7755EE#DDAA11#97D5EA
- Yellow Brick Road Tetradic Color Scheme#EAC853#4CFF7B#5577EE#EE55CC#F5E6AC
- Yellow Brick Road Monochromatic Color Scheme#967111#DDAA11#EAC853#F5DD98#FBF4DA
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Anna Banana Triadic Color Scheme#F5D547#4EFFCD#D94FF5#FBE8A8#0AE9B4
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
Questions
What colors go with Yellow Brick Road?
In a triadic scheme: Aphrodite Aqua (#45E9C1), Bubblegum Baby Girl (#CC55EE), Glisten Yellow (#F5E6AC), Wild Caribbean Green (#1CD3A2).
What is the hex code of Yellow Brick Road?
#EAC853.