Sail On Triadic Color Scheme

Five colors arranged by the triadic rule around Sail On (#4575AD), each snapped to its nearest named color.

#4575AD

#AD4379

#78AE48

#88A9D2

#7A2E4D

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sail On	`#4575AD`	69, 117, 173	212°, 43%, 47%	60, 32, 0, 32	55.4% 0.102 253
Mystic Maroon	`#AD4379`	173, 67, 121	329°, 44%, 47%	0, 61, 30, 32	54.2% 0.150 352
Parakeet	`#78AE48`	120, 174, 72	92°, 41%, 48%	31, 0, 59, 32	69.1% 0.145 132
Placid Blue	`#88A9D2`	136, 169, 210	213°, 45%, 68%	35, 20, 0, 18	72.5% 0.070 254
Flirt	`#7A2E4D`	122, 46, 77	336°, 45%, 33%	0, 62, 37, 52	41.9% 0.111 358

Which pairs work for text

Text on background	Contrast	WCAG
Aa #88A9D2 on #7A2E4D	3.72:1	AA large
Aa #78AE48 on #7A2E4D	3.42:1	AA large
Aa #AD4379 on #88A9D2	2.24:1	—
Aa #AD4379 on #78AE48	2.06:1	—
Aa #4575AD on #88A9D2	1.97:1	—
Aa #4575AD on #7A2E4D	1.89:1	—

CSS variables

:root {
  --color-1: #4575ad; /* Sail On */
  --color-2: #ad4379; /* Mystic Maroon */
  --color-3: #78ae48; /* Parakeet */
  --color-4: #88a9d2; /* Placid Blue */
  --color-5: #7a2e4d; /* Flirt */
}

Other schemes from Sail On

More medium blue triadic color schemes

Questions

What colors go with Sail On?

In a triadic scheme: Mystic Maroon (#AD4379), Parakeet (#78AE48), Placid Blue (#88A9D2), Flirt (#7A2E4D).

What is the hex code of Sail On?

#4575AD.