Banner Gold Tetradic Color Scheme
Five colors arranged by the tetradic rule around Banner Gold (#A28557), each snapped to its nearest named color.
#A28557
#5DA464
#5870A4
#AD5E99
#C5B497
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banner Gold | #A28557 | 162, 133, 87 | 37°, 30%, 49% | 0, 18, 46, 36 | |
| Endo | #5DA464 | 93, 164, 100 | 126°, 28%, 50% | 43, 0, 39, 36 | |
| Splendour and Pride | #5870A4 | 88, 112, 164 | 221°, 30%, 49% | 46, 32, 0, 36 | |
| Radiant Orchid | #AD5E99 | 173, 94, 153 | 315°, 33%, 52% | 0, 46, 12, 32 | |
| Barking Prairie Dog | #C5B497 | 197, 180, 151 | 38°, 28%, 68% | 0, 9, 23, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5870A4 on #C5B497 | 2.42:1 | — |
| Aa #AD5E99 on #C5B497 | 2.14:1 | — |
| Aa #A28557 on #C5B497 | 1.72:1 | — |
| Aa #5DA464 on #5870A4 | 1.63:1 | — |
| Aa #5DA464 on #C5B497 | 1.49:1 | — |
| Aa #5DA464 on #AD5E99 | 1.44:1 | — |
CSS variables
:root {
--color-1: #a28557; /* Banner Gold */
--color-2: #5da464; /* Endo */
--color-3: #5870a4; /* Splendour and Pride */
--color-4: #ad5e99; /* Radiant Orchid */
--color-5: #c5b497; /* Barking Prairie Dog */
}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 Triadic Color Scheme#A28557#4FA183#9A4EAE#C5B497#3E6F58
- Banner Gold Split-complementary Color Scheme#A28557#579AA5#5959AB#715D3D#8AB5BD
- Banner Gold Monochromatic Color Scheme#3C3523#715D3D#A28557#BDAA89#D8CEB9
More Medium Orange tetradic palettes
- 24 Carrot Tetradic Color Scheme#E56E24#2CED2B#2196F3#CC22FF#EAAB7D
- À l’Orange Tetradic Color Scheme#F2850D#09F911#0D75F8#FF08E8#F7B572
- Acorn Tetradic Color Scheme#7F5E50#5A804F#506E82#764F82#B28B80
- Amaretto Sour Tetradic Color Scheme#C09856#52C170#507BCE#CE5DAE#DCC6A0
- Amber Tetradic Color Scheme#FFBF00#00FF40#0044FF#FF00BB#FFDA68
- Apocalyptic Orange Tetradic Color Scheme#F4711E#2CFA1F#17A9E5#D91FFF#F9AE7D
- Arancio Tetradic Color Scheme#FF7013#33FF11#00AAFF#FF11FF#FEB079
- Argan Oil Tetradic Color Scheme#9D6646#5A9E4B#427C9D#884898#C39E81
- Arrakis Spice Tetradic Color Scheme#BB8246#41A94F#477BBD#BB44BB#D4B38F
- Arrowwood Tetradic Color Scheme#B3861E#11BB33#1151B4#AA1D8E#E4B857
- Atomic Orange Tetradic Color Scheme#F88605#09F911#0078F8#EE00EE#FCB867
- Autumnal Tetradic Color Scheme#AD5928#2BA727#2B7CAF#9A2CA0#DA8F67
Questions
What colors go with Banner Gold?
In a tetradic scheme: Endo (#5DA464), Splendour and Pride (#5870A4), Radiant Orchid (#AD5E99), Barking Prairie Dog (#C5B497).
What is the hex code of Banner Gold?
#A28557.