Mediterranea Complementary Color Scheme

Five colors arranged by the complementary rule around Mediterranea (#39636A), each snapped to its nearest named color.

#39636A

#579AA5

#67423B

#3C241B

#AD6961

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mediterranea	`#39636A`	57, 99, 106	189°, 30%, 32%	46, 7, 0, 58
Tropical Oasis	`#579AA5`	87, 154, 165	188°, 31%, 49%	47, 7, 0, 35
Autumn Fall	`#67423B`	103, 66, 59	10°, 27%, 32%	0, 36, 43, 60
Brown Pod	`#3C241B`	60, 36, 27	16°, 38%, 17%	0, 40, 55, 76
Rustling Leaves	`#AD6961`	173, 105, 97	6°, 32%, 53%	0, 39, 44, 32

Which pairs work for text

Text on background	Contrast	WCAG
Aa #579AA5 on #3C241B	4.50:1	AA large
Aa #3C241B on #AD6961	3.40:1	AA large
Aa #579AA5 on #67423B	2.72:1	—
Aa #39636A on #3C241B	2.17:1	—
Aa #39636A on #579AA5	2.07:1	—
Aa #67423B on #AD6961	2.05:1	—

CSS variables

:root {
  --color-1: #39636a; /* Mediterranea */
  --color-2: #579aa5; /* Tropical Oasis */
  --color-3: #67423b; /* Autumn Fall */
  --color-4: #3c241b; /* Brown Pod */
  --color-5: #ad6961; /* Rustling Leaves */
}

Other schemes from Mediterranea

More Dark Teal complementary palettes

Questions

What colors go with Mediterranea?

In a complementary scheme: Tropical Oasis (#579AA5), Autumn Fall (#67423B), Brown Pod (#3C241B), Rustling Leaves (#AD6961).

What is the hex code of Mediterranea?

#39636A.