Banner Gold Complementary Color Scheme
Five colors arranged by the complementary rule around Banner Gold (#A28557), each snapped to its nearest named color.
#A28557
#C3B091
#5870A4
#3B506F
#99AAC8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banner Gold | #A28557 | 162, 133, 87 | 37°, 30%, 49% | 0, 18, 46, 36 | |
| Khaki | #C3B091 | 195, 176, 145 | 37°, 29%, 67% | 0, 10, 26, 24 | |
| Splendour and Pride | #5870A4 | 88, 112, 164 | 221°, 30%, 49% | 46, 32, 0, 36 | |
| Blue Flag | #3B506F | 59, 80, 111 | 216°, 31%, 33% | 47, 28, 0, 56 | |
| Scorpion Grass Blue | #99AAC8 | 153, 170, 200 | 218°, 30%, 69% | 24, 15, 0, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C3B091 on #3B506F | 3.88:1 | AA large |
| Aa #3B506F on #99AAC8 | 3.49:1 | AA large |
| Aa #A28557 on #3B506F | 2.35:1 | — |
| Aa #C3B091 on #5870A4 | 2.33:1 | — |
| Aa #5870A4 on #99AAC8 | 2.09:1 | — |
| Aa #5870A4 on #3B506F | 1.67:1 | — |
CSS variables
:root {
--color-1: #a28557; /* Banner Gold */
--color-2: #c3b091; /* Khaki */
--color-3: #5870a4; /* Splendour and Pride */
--color-4: #3b506f; /* Blue Flag */
--color-5: #99aac8; /* Scorpion Grass Blue */
}Other schemes from Banner Gold
- 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 Tetradic Color Scheme#A28557#5DA464#5870A4#AD5E99#C5B497
- Banner Gold Monochromatic Color Scheme#3C3523#715D3D#A28557#BDAA89#D8CEB9
More Medium Orange complementary palettes
- 24 Carrot Complementary Color Scheme#E56E24#F1A177#2196F3#126DA8#7BC8F6
- À l’Orange Complementary Color Scheme#F2850D#F6B064#0D75F8#0853A7#77B5FE
- Acorn Complementary Color Scheme#7F5E50#B08A7D#506E82#2F484E#85A3B2
- Amaretto Sour Complementary Color Scheme#C09856#D9C09C#507BCE#3B5B92#A2BADB
- Amber Complementary Color Scheme#FFBF00#FED85D#0044FF#0033BB#6688FF
- Apocalyptic Orange Complementary Color Scheme#F4711E#FAAB77#17A9E5#0777BC#7BC8F6
- Arancio Complementary Color Scheme#FF7013#FEA871#00AAFF#0079C1#77CCFF
- Argan Oil Complementary Color Scheme#9D6646#C4957A#427C9D#2D5367#82ACC4
- Arrakis Spice Complementary Color Scheme#BB8246#D1B088#477BBD#315886#92B6D5
- Arrowwood Complementary Color Scheme#B3861E#E0B44D#1151B4#13336F#5577EE
- Atomic Orange Complementary Color Scheme#F88605#FFB05F#0078F8#0055AA#77AAFF
- Autumnal Complementary Color Scheme#AD5928#DB8959#2B7CAF#1D5671#65B4D8
Questions
What colors go with Banner Gold?
In a complementary scheme: Khaki (#C3B091), Splendour and Pride (#5870A4), Blue Flag (#3B506F), Scorpion Grass Blue (#99AAC8).
What is the hex code of Banner Gold?
#A28557.