Shipyard Monochromatic Color Scheme

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

#181B26

#354655

#4F6F85

#7595AB

#A2BACB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Coarse Wool	`#181B26`	24, 27, 38	227°, 23%, 12%	37, 29, 0, 85
Aristocratic Blue	`#354655`	53, 70, 85	208°, 23%, 27%	38, 18, 0, 67
Shipyard	`#4F6F85`	79, 111, 133	204°, 25%, 42%	41, 17, 0, 48
American Anthem	`#7595AB`	117, 149, 171	204°, 24%, 56%	32, 13, 0, 33
Always Blue	`#A2BACB`	162, 186, 203	205°, 28%, 72%	20, 8, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #181B26 on #A2BACB	8.52:1	AAA
Aa #181B26 on #7595AB	5.43:1	AA
Aa #354655 on #A2BACB	4.83:1	AA
Aa #181B26 on #4F6F85	3.22:1	AA large
Aa #354655 on #7595AB	3.08:1	AA large
Aa #4F6F85 on #A2BACB	2.64:1	—

CSS variables

:root {
  --color-1: #181b26; /* Coarse Wool */
  --color-2: #354655; /* Aristocratic Blue */
  --color-3: #4f6f85; /* Shipyard */
  --color-4: #7595ab; /* American Anthem */
  --color-5: #a2bacb; /* Always Blue */
}

Other schemes from Shipyard

More Medium Blue monochromatic palettes

Questions

What colors go with Shipyard?

In a monochromatic scheme: Coarse Wool (#181B26), Aristocratic Blue (#354655), American Anthem (#7595AB), Always Blue (#A2BACB).

What is the hex code of Shipyard?

#4F6F85.