Windsurfing Analogous Color Scheme

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

#329760

#3C9992

#3A7099

#324A8B

#69359C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Eucalyptus	`#329760`	50, 151, 96	147°, 50%, 39%	67, 0, 36, 41
Sea	`#3C9992`	60, 153, 146	175°, 44%, 42%	61, 0, 5, 40
Windsurfing	`#3A7099`	58, 112, 153	206°, 45%, 41%	62, 27, 0, 40
Blue Highlight	`#324A8B`	50, 74, 139	224°, 47%, 37%	64, 47, 0, 45
Purple Heart	`#69359C`	105, 53, 156	270°, 49%, 41%	33, 66, 0, 39

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3C9992 on #324A8B	2.48:1	—
Aa #3C9992 on #69359C	2.38:1	—
Aa #329760 on #324A8B	2.30:1	—
Aa #329760 on #69359C	2.21:1	—
Aa #3A7099 on #324A8B	1.59:1	—
Aa #3C9992 on #3A7099	1.56:1	—

CSS variables

:root {
  --color-1: #329760; /* Eucalyptus */
  --color-2: #3c9992; /* Sea */
  --color-3: #3a7099; /* Windsurfing */
  --color-4: #324a8b; /* Blue Highlight */
  --color-5: #69359c; /* Purple Heart */
}

Other schemes from Windsurfing

More Medium Blue analogous palettes

Questions

What colors go with Windsurfing?

In a analogous scheme: Eucalyptus (#329760), Sea (#3C9992), Blue Highlight (#324A8B), Purple Heart (#69359C).

What is the hex code of Windsurfing?

#3A7099.