Copacabana Complementary Color Scheme

Five colors arranged by the complementary rule around Copacabana (#006C8D), each snapped to its nearest named color.

#006C8D

#00B7EB

#882200

#441100

#F83800

Color names and codes

Name	HEX	RGB	HSL	CMYK
Copacabana	`#006C8D`	0, 108, 141	194°, 100%, 28%	100, 23, 0, 45
Cyanite	`#00B7EB`	0, 183, 235	193°, 100%, 46%	100, 22, 0, 8
Bloodline	`#882200`	136, 34, 0	15°, 100%, 27%	0, 75, 100, 47
Black Chocolate	`#441100`	68, 17, 0	15°, 100%, 13%	0, 75, 100, 73
Metroid Red	`#F83800`	248, 56, 0	14°, 100%, 49%	0, 77, 100, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00B7EB on #441100	6.77:1	AA
Aa #441100 on #F83800	4.19:1	AA large
Aa #00B7EB on #882200	3.94:1	AA large
Aa #006C8D on #441100	2.66:1	—
Aa #006C8D on #00B7EB	2.54:1	—
Aa #882200 on #F83800	2.44:1	—

CSS variables

:root {
  --color-1: #006c8d; /* Copacabana */
  --color-2: #00b7eb; /* Cyanite */
  --color-3: #882200; /* Bloodline */
  --color-4: #441100; /* Black Chocolate */
  --color-5: #f83800; /* Metroid Red */
}

Other schemes from Copacabana

More Dark Teal complementary palettes

Questions

What colors go with Copacabana?

In a complementary scheme: Cyanite (#00B7EB), Bloodline (#882200), Black Chocolate (#441100), Metroid Red (#F83800).

What is the hex code of Copacabana?

#006C8D.