Sail On Complementary Color Scheme

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

#4575AD

#80A4CD

#AC7F48

#7A552E

#D1B088

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sail On	`#4575AD`	69, 117, 173	212°, 43%, 47%	60, 32, 0, 32
Paula Loves Paris	`#80A4CD`	128, 164, 205	212°, 44%, 65%	38, 20, 0, 20
Mediaeval Gold	`#AC7F48`	172, 127, 72	33°, 41%, 48%	0, 26, 58, 33
Arable Brown	`#7A552E`	122, 85, 46	31°, 45%, 33%	0, 30, 62, 52
Cracker Bitz	`#D1B088`	209, 176, 136	33°, 44%, 68%	0, 16, 35, 18

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7A552E on #D1B088	3.25:1	AA large
Aa #80A4CD on #7A552E	2.56:1	—
Aa #4575AD on #D1B088	2.34:1	—
Aa #AC7F48 on #7A552E	1.86:1	—
Aa #4575AD on #80A4CD	1.84:1	—
Aa #AC7F48 on #D1B088	1.75:1	—

CSS variables

:root {
  --color-1: #4575ad; /* Sail On */
  --color-2: #80a4cd; /* Paula Loves Paris */
  --color-3: #ac7f48; /* Mediaeval Gold */
  --color-4: #7a552e; /* Arable Brown */
  --color-5: #d1b088; /* Cracker Bitz */
}

Other schemes from Sail On

More Medium Blue complementary palettes

Questions

What colors go with Sail On?

In a complementary scheme: Paula Loves Paris (#80A4CD), Mediaeval Gold (#AC7F48), Arable Brown (#7A552E), Cracker Bitz (#D1B088).

What is the hex code of Sail On?

#4575AD.