Dockside Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dockside Red (#813533), each snapped to its nearest named color.
#813533
#3B845E
#325482
#59181C
#47BA87
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dockside Red | #813533 | 129, 53, 51 | 2°, 43%, 35% | 0, 59, 60, 49 | |
| Adamite Green | #3B845E | 59, 132, 94 | 149°, 38%, 37% | 55, 0, 29, 48 | |
| St. Tropez | #325482 | 50, 84, 130 | 215°, 44%, 35% | 62, 35, 0, 49 | |
| Spinel Red | #59181C | 89, 24, 28 | 356°, 58%, 22% | 0, 73, 69, 65 | |
| Aragon Green | #47BA87 | 71, 186, 135 | 153°, 45%, 50% | 62, 0, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #59181C on #47BA87 | 5.50:1 | AA |
| Aa #813533 on #47BA87 | 3.47:1 | AA large |
| Aa #325482 on #47BA87 | 3.17:1 | AA large |
| Aa #3B845E on #59181C | 2.96:1 | — |
| Aa #813533 on #3B845E | 1.87:1 | — |
| Aa #3B845E on #47BA87 | 1.86:1 | — |
CSS variables
:root {
--color-1: #813533; /* Dockside Red */
--color-2: #3b845e; /* Adamite Green */
--color-3: #325482; /* St. Tropez */
--color-4: #59181c; /* Spinel Red */
--color-5: #47ba87; /* Aragon Green */
}Other schemes from Dockside Red
- Dockside Red Complementary Color Scheme#813533#B95754#367D83#1E454D#5FB6BF
- Dockside Red Analogous Color Scheme#82387E#80365A#813533#815D37#7C8635
- Dockside Red Triadic Color Scheme#813533#3D8B37#283482#BC5D58#1C401F
- Dockside Red Tetradic Color Scheme#813533#598039#367D83#5B3082#BC5D58
- Dockside Red Monochromatic Color Scheme#130A06#59181C#813533#B94E48#D28083
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Dockside Red?
In a split-complementary scheme: Adamite Green (#3B845E), St. Tropez (#325482), Spinel Red (#59181C), Aragon Green (#47BA87).
What is the hex code of Dockside Red?
#813533.