Dockside Red Complementary Color Scheme
Five colors arranged by the complementary rule around Dockside Red (#813533), each snapped to its nearest named color.
#813533
#B95754
#367D83
#1E454D
#5FB6BF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dockside Red | #813533 | 129, 53, 51 | 2°, 43%, 35% | 0, 59, 60, 49 | |
| Chōshun Red | #B95754 | 185, 87, 84 | 2°, 42%, 53% | 0, 53, 55, 27 | |
| Sea Urchin | #367D83 | 54, 125, 131 | 185°, 42%, 36% | 59, 5, 0, 49 | |
| Blue Hill | #1E454D | 30, 69, 77 | 190°, 44%, 21% | 61, 10, 0, 70 | |
| Spearfish | #5FB6BF | 95, 182, 191 | 186°, 43%, 56% | 50, 5, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1E454D on #5FB6BF | 4.43:1 | AA large |
| Aa #813533 on #5FB6BF | 3.59:1 | AA large |
| Aa #B95754 on #1E454D | 2.26:1 | — |
| Aa #367D83 on #1E454D | 2.19:1 | — |
| Aa #367D83 on #5FB6BF | 2.02:1 | — |
| Aa #B95754 on #5FB6BF | 1.96:1 | — |
CSS variables
:root {
--color-1: #813533; /* Dockside Red */
--color-2: #b95754; /* Chōshun Red */
--color-3: #367d83; /* Sea Urchin */
--color-4: #1e454d; /* Blue Hill */
--color-5: #5fb6bf; /* Spearfish */
}Other schemes from Dockside Red
- Dockside Red Analogous Color Scheme#82387E#80365A#813533#815D37#7C8635
- Dockside Red Triadic Color Scheme#813533#3D8B37#283482#BC5D58#1C401F
- Dockside Red Split-complementary Color Scheme#813533#3B845E#325482#59181C#47BA87
- Dockside Red Tetradic Color Scheme#813533#598039#367D83#5B3082#BC5D58
- Dockside Red Monochromatic Color Scheme#130A06#59181C#813533#B94E48#D28083
More Dark Red complementary palettes
- Active Volcano Complementary Color Scheme#BB1133#EA3C53#1DB394#0E7C61#45E9C1
- Akai Red Complementary Color Scheme#BC012E#FF1155#00BB88#006D57#32FFDC
- All Systems Red Complementary Color Scheme#B30103#FF1414#01B1AF#006767#16F8FF
- Antique Port Wine Complementary Color Scheme#98211A#DF3F32#1A9597#125459#30D5C8
- Arcane Red Complementary Color Scheme#6A2F2F#A84A49#316C69#193232#4FB3B3
- Barbera Complementary Color Scheme#8B031C#E2062C#008A70#014431#01F9C6
- Barolo Complementary Color Scheme#71000E#CD0317#007062#002222#04D8B2
- Bitter Chocolate Complementary Color Scheme#4F2923#91493E#25464D#0E191C#448899
- Blackened Sun Complementary Color Scheme#77150E#CD2217#067376#043132#1AC1DD
- Bleeding Crimson Complementary Color Scheme#9B1414#E12C2C#159F9B#095859#22EEFF
- Blood Brother Complementary Color Scheme#770011#D1001C#007765#032425#04D8B2
- Blood Oath Complementary Color Scheme#85323C#BE4F62#2F847C#19504C#58C8B6
Questions
What colors go with Dockside Red?
In a complementary scheme: Chōshun Red (#B95754), Sea Urchin (#367D83), Blue Hill (#1E454D), Spearfish (#5FB6BF).
What is the hex code of Dockside Red?
#813533.