Shipyard Complementary Color Scheme

Five colors arranged by the complementary rule around Shipyard (#4F6F85), each snapped to its nearest named color.

#4F6F85

#7B9CB3

#88654E

#544333

#B69983

Color names and codes

Name	HEX	RGB	HSL	CMYK
Shipyard	`#4F6F85`	79, 111, 133	204°, 25%, 42%	41, 17, 0, 48
Frozen Lake	`#7B9CB3`	123, 156, 179	205°, 27%, 59%	31, 13, 0, 30
Obscure Ochre	`#88654E`	136, 101, 78	24°, 27%, 42%	0, 26, 43, 47
Old Treasure Chest	`#544333`	84, 67, 51	29°, 24%, 26%	0, 20, 39, 67
Butcher Paper	`#B69983`	182, 153, 131	26°, 26%, 61%	0, 16, 28, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #544333 on #B69983	3.53:1	AA large
Aa #7B9CB3 on #544333	3.25:1	AA large
Aa #4F6F85 on #B69983	2.00:1	—
Aa #88654E on #B69983	1.96:1	—
Aa #4F6F85 on #7B9CB3	1.84:1	—
Aa #7B9CB3 on #88654E	1.80:1	—

CSS variables

:root {
  --color-1: #4f6f85; /* Shipyard */
  --color-2: #7b9cb3; /* Frozen Lake */
  --color-3: #88654e; /* Obscure Ochre */
  --color-4: #544333; /* Old Treasure Chest */
  --color-5: #b69983; /* Butcher Paper */
}

Other schemes from Shipyard

More Medium Blue complementary palettes

Questions

What colors go with Shipyard?

In a complementary scheme: Frozen Lake (#7B9CB3), Obscure Ochre (#88654E), Old Treasure Chest (#544333), Butcher Paper (#B69983).

What is the hex code of Shipyard?

#4F6F85.