Cockatoo Complementary Color Scheme

Five colors arranged by the complementary rule around Cockatoo (#58C8B6), each snapped to its nearest named color.

#58C8B6

#97DDD4

#C5556D

#9F3645

#E1A4B2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cockatoo	`#58C8B6`	88, 200, 182	170°, 50%, 56%	56, 0, 9, 22
Land Ahoy!	`#97DDD4`	151, 221, 212	172°, 51%, 73%	32, 0, 4, 13
Tropical Smoothie	`#C5556D`	197, 85, 109	347°, 49%, 55%	0, 57, 45, 23
Bright Lady	`#9F3645`	159, 54, 69	351°, 49%, 42%	0, 66, 57, 38
Iced Vovo	`#E1A4B2`	225, 164, 178	346°, 50%, 76%	0, 27, 21, 12

Which pairs work for text

Text on background	Contrast	WCAG
Aa #97DDD4 on #9F3645	4.41:1	AA large
Aa #58C8B6 on #9F3645	3.35:1	AA large
Aa #9F3645 on #E1A4B2	3.29:1	AA large
Aa #97DDD4 on #C5556D	2.78:1	—
Aa #58C8B6 on #C5556D	2.12:1	—
Aa #C5556D on #E1A4B2	2.07:1	—

CSS variables

:root {
  --color-1: #58c8b6; /* Cockatoo */
  --color-2: #97ddd4; /* Land Ahoy! */
  --color-3: #c5556d; /* Tropical Smoothie */
  --color-4: #9f3645; /* Bright Lady */
  --color-5: #e1a4b2; /* Iced Vovo */
}

Other schemes from Cockatoo

More Medium Teal complementary palettes

Questions

What colors go with Cockatoo?

In a complementary scheme: Land Ahoy! (#97DDD4), Tropical Smoothie (#C5556D), Bright Lady (#9F3645), Iced Vovo (#E1A4B2).

What is the hex code of Cockatoo?

#58C8B6.