Mykonos Complementary Color Scheme

Five colors arranged by the complementary rule around Mykonos (#387ABE), each snapped to its nearest named color.

#387ABE

#7DABD8

#BB7A39

#885522

#DEB181

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mykonos	`#387ABE`	56, 122, 190	210°, 54%, 48%	71, 36, 0, 25
High Seas	`#7DABD8`	125, 171, 216	210°, 54%, 67%	42, 21, 0, 15
Molten Caramel	`#BB7A39`	187, 122, 57	30°, 53%, 48%	0, 35, 70, 27
Precious Copper	`#885522`	136, 85, 34	30°, 60%, 33%	0, 38, 75, 47
Desert Mist	`#DEB181`	222, 177, 129	31°, 58%, 69%	0, 20, 42, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #885522 on #DEB181	3.18:1	AA large
Aa #7DABD8 on #885522	2.58:1	—
Aa #387ABE on #DEB181	2.28:1	—
Aa #387ABE on #7DABD8	1.85:1	—
Aa #BB7A39 on #DEB181	1.80:1	—
Aa #BB7A39 on #885522	1.77:1	—

CSS variables

:root {
  --color-1: #387abe; /* Mykonos */
  --color-2: #7dabd8; /* High Seas */
  --color-3: #bb7a39; /* Molten Caramel */
  --color-4: #885522; /* Precious Copper */
  --color-5: #deb181; /* Desert Mist */
}

Other schemes from Mykonos

More Medium Blue complementary palettes

Questions

What colors go with Mykonos?

In a complementary scheme: High Seas (#7DABD8), Molten Caramel (#BB7A39), Precious Copper (#885522), Desert Mist (#DEB181).

What is the hex code of Mykonos?

#387ABE.