Banner Gold Triadic Color Scheme
Five colors arranged by the triadic rule around Banner Gold (#A28557), each snapped to its nearest named color.
#A28557
#4FA183
#9A4EAE
#C5B497
#3E6F58
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banner Gold | #A28557 | 162, 133, 87 | 37°, 30%, 49% | 0, 18, 46, 36 | |
| Inspiration Peak | #4FA183 | 79, 161, 131 | 158°, 34%, 47% | 51, 0, 19, 37 | |
| Purpureus | #9A4EAE | 154, 78, 174 | 287°, 38%, 49% | 11, 55, 0, 32 | |
| Barking Prairie Dog | #C5B497 | 197, 180, 151 | 38°, 28%, 68% | 0, 9, 23, 23 | |
| Foliage Green | #3E6F58 | 62, 111, 88 | 152°, 28%, 34% | 44, 0, 21, 56 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5B497 on #3E6F58 | 2.86:1 | — |
| Aa #9A4EAE on #C5B497 | 2.54:1 | — |
| Aa #4FA183 on #3E6F58 | 1.87:1 | — |
| Aa #A28557 on #C5B497 | 1.72:1 | — |
| Aa #A28557 on #3E6F58 | 1.67:1 | — |
| Aa #4FA183 on #9A4EAE | 1.66:1 | — |
CSS variables
:root {
--color-1: #a28557; /* Banner Gold */
--color-2: #4fa183; /* Inspiration Peak */
--color-3: #9a4eae; /* Purpureus */
--color-4: #c5b497; /* Barking Prairie Dog */
--color-5: #3e6f58; /* Foliage Green */
}Other schemes from Banner Gold
- Banner Gold Complementary Color Scheme#A28557#C3B091#5870A4#3B506F#99AAC8
- Banner Gold Analogous Color Scheme#A2566F#A36159#A28557#97A554#76A55B
- Banner Gold Split-complementary Color Scheme#A28557#579AA5#5959AB#715D3D#8AB5BD
- Banner Gold Tetradic Color Scheme#A28557#5DA464#5870A4#AD5E99#C5B497
- Banner Gold Monochromatic Color Scheme#3C3523#715D3D#A28557#BDAA89#D8CEB9
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
Questions
What colors go with Banner Gold?
In a triadic scheme: Inspiration Peak (#4FA183), Purpureus (#9A4EAE), Barking Prairie Dog (#C5B497), Foliage Green (#3E6F58).
What is the hex code of Banner Gold?
#A28557.