Quiet Harbour Complementary Color Scheme

Five colors arranged by the complementary rule around Quiet Harbour (#5A789A), each snapped to its nearest named color.

#5A789A

#91A7BC

#9C7C5B

#6D563C

#C4AE96

Color names and codes

Name	HEX	RGB	HSL	CMYK
Quiet Harbour	`#5A789A`	90, 120, 154	212°, 26%, 48%	42, 22, 0, 40
Paris	`#91A7BC`	145, 167, 188	209°, 24%, 65%	23, 11, 0, 26
Westminster	`#9C7C5B`	156, 124, 91	30°, 26%, 48%	0, 21, 42, 39
Caraway Brown	`#6D563C`	109, 86, 60	32°, 29%, 33%	0, 21, 45, 57
Persuasion	`#C4AE96`	196, 174, 150	31°, 28%, 68%	0, 11, 23, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6D563C on #C4AE96	3.23:1	AA large
Aa #91A7BC on #6D563C	2.78:1	—
Aa #5A789A on #C4AE96	2.15:1	—
Aa #5A789A on #91A7BC	1.84:1	—
Aa #9C7C5B on #C4AE96	1.81:1	—
Aa #9C7C5B on #6D563C	1.79:1	—

CSS variables

:root {
  --color-1: #5a789a; /* Quiet Harbour */
  --color-2: #91a7bc; /* Paris */
  --color-3: #9c7c5b; /* Westminster */
  --color-4: #6d563c; /* Caraway Brown */
  --color-5: #c4ae96; /* Persuasion */
}

Other schemes from Quiet Harbour

More Medium Blue complementary palettes

Questions

What colors go with Quiet Harbour?

In a complementary scheme: Paris (#91A7BC), Westminster (#9C7C5B), Caraway Brown (#6D563C), Persuasion (#C4AE96).

What is the hex code of Quiet Harbour?

#5A789A.