Harbour Blue Complementary Color Scheme

Five colors arranged by the complementary rule around Harbour Blue (#417491), each snapped to its nearest named color.

#417491

#6BA0BF

#935F43

#5A3D29

#C09278

Color names and codes

Name	HEX	RGB	HSL	CMYK
Harbour Blue	`#417491`	65, 116, 145	202°, 38%, 41%	55, 20, 0, 43
Fate	`#6BA0BF`	107, 160, 191	202°, 40%, 58%	44, 16, 0, 25
Cinnamon Spice	`#935F43`	147, 95, 67	21°, 37%, 42%	0, 35, 54, 42
Peat Brown	`#5A3D29`	90, 61, 41	24°, 37%, 26%	0, 32, 54, 65
Charleston Chocolate	`#C09278`	192, 146, 120	22°, 36%, 61%	0, 24, 38, 25

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5A3D29 on #C09278	3.57:1	AA large
Aa #6BA0BF on #5A3D29	3.47:1	AA large
Aa #417491 on #5A3D29	1.94:1	—
Aa #935F43 on #C09278	1.93:1	—
Aa #6BA0BF on #935F43	1.87:1	—
Aa #935F43 on #5A3D29	1.85:1	—

CSS variables

:root {
  --color-1: #417491; /* Harbour Blue */
  --color-2: #6ba0bf; /* Fate */
  --color-3: #935f43; /* Cinnamon Spice */
  --color-4: #5a3d29; /* Peat Brown */
  --color-5: #c09278; /* Charleston Chocolate */
}

Other schemes from Harbour Blue

More Medium Blue complementary palettes

Questions

What colors go with Harbour Blue?

In a complementary scheme: Fate (#6BA0BF), Cinnamon Spice (#935F43), Peat Brown (#5A3D29), Charleston Chocolate (#C09278).

What is the hex code of Harbour Blue?

#417491.