Sailing Triadic Color Scheme

Five colors arranged by the triadic rule around Sailing (#869CBB), each snapped to its nearest named color.

#869CBB

#BB8899

#99BB88

#C7D3E0

#9D5C75

Color names and codes

	Name	HEX	RGB	HSL	CMYK
	Sailing	`#869CBB`	134, 156, 187	215°, 28%, 63%	28, 17, 0, 27
	Mauvey Nude	`#BB8899`	187, 136, 153	340°, 27%, 63%	0, 27, 18, 27
	Seafoam Green	`#99BB88`	153, 187, 136	100°, 27%, 63%	18, 0, 27, 27
	Ozone Blue	`#C7D3E0`	199, 211, 224	211°, 29%, 83%	11, 6, 0, 12
	Rose Wine	`#9D5C75`	157, 92, 117	337°, 26%, 49%	0, 41, 25, 38

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C7D3E0 on #9D5C75	3.27:1	AA large
Aa #99BB88 on #9D5C75	2.33:1	—
Aa #BB8899 on #C7D3E0	1.95:1	—
Aa #869CBB on #C7D3E0	1.85:1	—
Aa #869CBB on #9D5C75	1.77:1	—
Aa #BB8899 on #9D5C75	1.68:1	—

CSS variables

:root {
  --color-1: #869cbb; /* Sailing */
  --color-2: #bb8899; /* Mauvey Nude */
  --color-3: #99bb88; /* Seafoam Green */
  --color-4: #c7d3e0; /* Ozone Blue */
  --color-5: #9d5c75; /* Rose Wine */
}

Other schemes from Sailing

More Light Blue triadic palettes

Questions

What colors go with Sailing?

In a triadic scheme: Mauvey Nude (#BB8899), Seafoam Green (#99BB88), Ozone Blue (#C7D3E0), Rose Wine (#9D5C75).

What is the hex code of Sailing?

#869CBB.