Liaison Complementary Color Scheme

Five colors arranged by the complementary rule around Liaison (#8C3F52), each snapped to its nearest named color.

#8C3F52

#B76E79

#368976

#30594B

#75B9AE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Liaison	`#8C3F52`	140, 63, 82	345°, 38%, 40%	0, 55, 41, 45
Rose Gold	`#B76E79`	183, 110, 121	351°, 34%, 57%	0, 40, 34, 28
Ionian	`#368976`	54, 137, 118	166°, 43%, 37%	61, 0, 14, 46
Federal Fund	`#30594B`	48, 89, 75	160°, 30%, 27%	46, 0, 16, 65
Cooled Blue	`#75B9AE`	117, 185, 174	170°, 33%, 59%	37, 0, 6, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #30594B on #75B9AE	3.50:1	AA large
Aa #8C3F52 on #75B9AE	3.16:1	AA large
Aa #B76E79 on #30594B	2.08:1	—
Aa #368976 on #30594B	1.88:1	—
Aa #8C3F52 on #B76E79	1.87:1	—
Aa #368976 on #75B9AE	1.86:1	—

CSS variables

:root {
  --color-1: #8c3f52; /* Liaison */
  --color-2: #b76e79; /* Rose Gold */
  --color-3: #368976; /* Ionian */
  --color-4: #30594b; /* Federal Fund */
  --color-5: #75b9ae; /* Cooled Blue */
}

Other schemes from Liaison

More Dark Red complementary palettes

Questions

What colors go with Liaison?

In a complementary scheme: Rose Gold (#B76E79), Ionian (#368976), Federal Fund (#30594B), Cooled Blue (#75B9AE).

What is the hex code of Liaison?

#8C3F52.