Sappanwood Complementary Color Scheme

Five colors arranged by the complementary rule around Sappanwood (#9E3D3F), each snapped to its nearest named color.

#9E3D3F

#C46C73

#3B9C98

#296767

#7CCBC5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sappanwood	`#9E3D3F`	158, 61, 63	359°, 44%, 43%	0, 61, 60, 38
Playful Pink	`#C46C73`	196, 108, 115	355°, 43%, 60%	0, 45, 41, 23
Latigo Bay	`#3B9C98`	59, 156, 152	178°, 45%, 42%	62, 0, 3, 39
Dusky Alpine Blue	`#296767`	41, 103, 103	180°, 43%, 28%	60, 0, 0, 60
Blue Green Gem	`#7CCBC5`	124, 203, 197	175°, 43%, 64%	39, 0, 3, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9E3D3F on #7CCBC5	3.51:1	AA large
Aa #296767 on #7CCBC5	3.47:1	AA large
Aa #9E3D3F on #3B9C98	2.00:1	—
Aa #3B9C98 on #296767	1.98:1	—
Aa #C46C73 on #7CCBC5	1.95:1	—
Aa #9E3D3F on #C46C73	1.80:1	—

CSS variables

:root {
  --color-1: #9e3d3f; /* Sappanwood */
  --color-2: #c46c73; /* Playful Pink */
  --color-3: #3b9c98; /* Latigo Bay */
  --color-4: #296767; /* Dusky Alpine Blue */
  --color-5: #7ccbc5; /* Blue Green Gem */
}

Other schemes from Sappanwood

More Medium Red complementary palettes

Questions

What colors go with Sappanwood?

In a complementary scheme: Playful Pink (#C46C73), Latigo Bay (#3B9C98), Dusky Alpine Blue (#296767), Blue Green Gem (#7CCBC5).

What is the hex code of Sappanwood?

#9E3D3F.