Teal Complementary Color Scheme

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

#008080

#11DDDD

#800000

#330000

#E60000

Color names and codes

Name	HEX	RGB	HSL	CMYK
Teal	`#008080`	0, 128, 128	180°, 100%, 25%	100, 0, 0, 50
Fish Boy	`#11DDDD`	17, 221, 221	180°, 86%, 47%	92, 0, 0, 13
Maroon	`#800000`	128, 0, 0	0°, 100%, 25%	0, 100, 100, 50
Old Brown Crayon	`#330000`	51, 0, 0	0°, 100%, 10%	0, 100, 100, 80
Electric Red	`#E60000`	230, 0, 0	0°, 100%, 45%	0, 100, 100, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #11DDDD on #330000	10.88:1	AAA
Aa #11DDDD on #800000	6.47:1	AA
Aa #008080 on #330000	3.86:1	AA large
Aa #330000 on #E60000	3.83:1	AA large
Aa #11DDDD on #E60000	2.84:1	—
Aa #008080 on #11DDDD	2.82:1	—

CSS variables

:root {
  --color-1: #008080; /* Teal */
  --color-2: #11dddd; /* Fish Boy */
  --color-3: #800000; /* Maroon */
  --color-4: #330000; /* Old Brown Crayon */
  --color-5: #e60000; /* Electric Red */
}

Other schemes from Teal

More Dark Teal complementary palettes

Questions

What colors go with Teal?

In a complementary scheme: Fish Boy (#11DDDD), Maroon (#800000), Old Brown Crayon (#330000), Electric Red (#E60000).

What is the hex code of Teal?

#008080.