Bronze Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bronze (#A87900), each snapped to its nearest named color.
#A87900
#0081A8
#2000B1
#554400
#00BBEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bronze | #A87900 | 168, 121, 0 | 43°, 100%, 33% | 0, 28, 100, 34 | |
| Advertising Blue | #0081A8 | 0, 129, 168 | 194°, 100%, 33% | 100, 23, 0, 34 | |
| Deep Sea Exploration | #2000B1 | 32, 0, 177 | 251°, 100%, 35% | 82, 100, 0, 31 | |
| Sugarloaf Brown | #554400 | 85, 68, 0 | 48°, 100%, 17% | 0, 20, 100, 67 | |
| Blue Bikini | #00BBEE | 0, 187, 238 | 193°, 100%, 47% | 100, 21, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2000B1 on #00BBEE | 5.51:1 | AA |
| Aa #554400 on #00BBEE | 4.22:1 | AA large |
| Aa #A87900 on #2000B1 | 3.18:1 | AA large |
| Aa #0081A8 on #2000B1 | 2.77:1 | — |
| Aa #A87900 on #554400 | 2.44:1 | — |
| Aa #0081A8 on #554400 | 2.13:1 | — |
CSS variables
:root {
--color-1: #a87900; /* Bronze */
--color-2: #0081a8; /* Advertising Blue */
--color-3: #2000b1; /* Deep Sea Exploration */
--color-4: #554400; /* Sugarloaf Brown */
--color-5: #00bbee; /* Blue Bikini */
}Other schemes from Bronze
- Bronze Complementary Color Scheme#A87900#FFBC02#002FA7#001155#1155FF
- Bronze Analogous Color Scheme#AA0033#AA2200#A87900#88AA00#33AA00
- Bronze Triadic Color Scheme#A87900#00A877#6611AA#FFBB11#015A49
- Bronze Tetradic Color Scheme#A87900#00AA22#002FA7#BB0088#FFBB11
- Bronze Monochromatic Color Scheme#1C1208#554400#A87900#F2B400#FFCC44
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Bronze?
In a split-complementary scheme: Advertising Blue (#0081A8), Deep Sea Exploration (#2000B1), Sugarloaf Brown (#554400), Blue Bikini (#00BBEE).
What is the hex code of Bronze?
#A87900.