Windsurfing Complementary Color Scheme

Five colors arranged by the complementary rule around Windsurfing (#3A7099), each snapped to its nearest named color.

#3A7099

#689FC1

#98623C

#603B2A

#C89672

Color names and codes

Name	HEX	RGB	HSL	CMYK
Windsurfing	`#3A7099`	58, 112, 153	206°, 45%, 41%	62, 27, 0, 40
Gulf Stream Blue	`#689FC1`	104, 159, 193	203°, 42%, 58%	46, 18, 0, 24
Ash Brown	`#98623C`	152, 98, 60	25°, 43%, 42%	0, 36, 61, 40
Tropical Wood Brown	`#603B2A`	96, 59, 42	19°, 39%, 27%	0, 39, 56, 62
Sonora Shade	`#C89672`	200, 150, 114	25°, 44%, 62%	0, 25, 43, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #603B2A on #C89672	3.74:1	AA large
Aa #689FC1 on #603B2A	3.39:1	AA large
Aa #3A7099 on #C89672	2.04:1	—
Aa #98623C on #C89672	1.94:1	—
Aa #98623C on #603B2A	1.92:1	—
Aa #3A7099 on #689FC1	1.85:1	—

CSS variables

:root {
  --color-1: #3a7099; /* Windsurfing */
  --color-2: #689fc1; /* Gulf Stream Blue */
  --color-3: #98623c; /* Ash Brown */
  --color-4: #603b2a; /* Tropical Wood Brown */
  --color-5: #c89672; /* Sonora Shade */
}

Other schemes from Windsurfing

More Medium Blue complementary palettes

Questions

What colors go with Windsurfing?

In a complementary scheme: Gulf Stream Blue (#689FC1), Ash Brown (#98623C), Tropical Wood Brown (#603B2A), Sonora Shade (#C89672).

What is the hex code of Windsurfing?

#3A7099.