Huebook

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

NameHEXRGBHSLCMYK
Dockside Red#813533129, 53, 512°, 43%, 35%0, 59, 60, 49
Chōshun Red#B95754185, 87, 842°, 42%, 53%0, 53, 55, 27
Sea Urchin#367D8354, 125, 131185°, 42%, 36%59, 5, 0, 49
Blue Hill#1E454D30, 69, 77190°, 44%, 21%61, 10, 0, 70
Spearfish#5FB6BF95, 182, 191186°, 43%, 56%50, 5, 0, 25

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1E454D on #5FB6BF4.43:1AA large
Aa #813533 on #5FB6BF3.59:1AA large
Aa #B95754 on #1E454D2.26:1—
Aa #367D83 on #1E454D2.19:1—
Aa #367D83 on #5FB6BF2.02:1—
Aa #B95754 on #5FB6BF1.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

More Dark Red complementary palettes

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.