Copper Hopper Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Copper Hopper (#BF4000), each snapped to its nearest named color.
#BF4000
#00BBAA
#0011BB
#742802
#00FFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Copper Hopper | #BF4000 | 191, 64, 0 | 20°, 100%, 37% | 0, 66, 100, 25 | |
| Verditer | #00BBAA | 0, 187, 170 | 175°, 100%, 37% | 100, 0, 9, 27 | |
| Too Dark Tonight | #0011BB | 0, 17, 187 | 235°, 100%, 37% | 100, 91, 0, 27 | |
| Chestnut | #742802 | 116, 40, 2 | 20°, 97%, 23% | 0, 66, 98, 55 | |
| Ice Ice Baby | #00FFDD | 0, 255, 221 | 172°, 100%, 50% | 100, 0, 13, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0011BB on #00FFDD | 9.09:1 | AAA |
| Aa #742802 on #00FFDD | 7.99:1 | AAA |
| Aa #00BBAA on #0011BB | 4.83:1 | AA |
| Aa #00BBAA on #742802 | 4.24:1 | AA large |
| Aa #BF4000 on #00FFDD | 4.14:1 | AA large |
| Aa #BF4000 on #00BBAA | 2.20:1 | — |
CSS variables
:root {
--color-1: #bf4000; /* Copper Hopper */
--color-2: #00bbaa; /* Verditer */
--color-3: #0011bb; /* Too Dark Tonight */
--color-4: #742802; /* Chestnut */
--color-5: #00ffdd; /* Ice Ice Baby */
}Other schemes from Copper Hopper
- Copper Hopper Complementary Color Scheme#BF4000#FF631C#007FBF#004C71#22BBFF
- Copper Hopper Analogous Color Scheme#BB0077#BE0119#BF4000#BAA600#7EBD01
- Copper Hopper Triadic Color Scheme#BF4000#00BB44#5500BB#FF7124#007722
- Copper Hopper Tetradic Color Scheme#BF4000#11BB00#007FBF#AA00BB#FF7124
- Copper Hopper Monochromatic Color Scheme#221100#742802#BF4000#F95C14#FF8E57
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 Copper Hopper?
In a split-complementary scheme: Verditer (#00BBAA), Too Dark Tonight (#0011BB), Chestnut (#742802), Ice Ice Baby (#00FFDD).
What is the hex code of Copper Hopper?
#BF4000.