Shipyard Triadic Color Scheme

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

#4F6F85

#875169

#708452

#83A0B4

#563342

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Shipyard	`#4F6F85`	79, 111, 133	204°, 25%, 42%	41, 17, 0, 48	52.6% 0.051 239
Raspberry Crush	`#875169`	135, 81, 105	333°, 25%, 42%	0, 40, 22, 47	50.4% 0.079 352
Herb	`#708452`	112, 132, 82	84°, 23%, 42%	15, 0, 38, 48	58.4% 0.076 126
Lake Okoboji	`#83A0B4`	131, 160, 180	204°, 25%, 61%	27, 11, 0, 29	69.1% 0.044 238
Blackberry Tart	`#563342`	86, 51, 66	334°, 26%, 27%	0, 41, 23, 66	36.9% 0.055 353

Which pairs work for text

Text on background	Contrast	WCAG
Aa #83A0B4 on #563342	3.93:1	AA large
Aa #708452 on #563342	2.62:1	—
Aa #875169 on #83A0B4	2.24:1	—
Aa #4F6F85 on #563342	2.03:1	—
Aa #4F6F85 on #83A0B4	1.94:1	—
Aa #875169 on #563342	1.75:1	—

CSS variables

:root {
  --color-1: #4f6f85; /* Shipyard */
  --color-2: #875169; /* Raspberry Crush */
  --color-3: #708452; /* Herb */
  --color-4: #83a0b4; /* Lake Okoboji */
  --color-5: #563342; /* Blackberry Tart */
}

Other schemes from Shipyard

More medium blue triadic color schemes

Questions

What colors go with Shipyard?

In a triadic scheme: Raspberry Crush (#875169), Herb (#708452), Lake Okoboji (#83A0B4), Blackberry Tart (#563342).

What is the hex code of Shipyard?

#4F6F85.