Teal Triadic Color Scheme

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

#008080

#800080

#808101

#00EEEE

#330033

Color names and codes

Name	HEX	RGB	HSL	CMYK
Teal	`#008080`	0, 128, 128	180°, 100%, 25%	100, 0, 0, 50
Purple	`#800080`	128, 0, 128	300°, 100%, 25%	0, 100, 0, 50
Drably Olive	`#808101`	128, 129, 1	60°, 98%, 25%	1, 0, 99, 49
Cold Light of Day	`#00EEEE`	0, 238, 238	180°, 100%, 47%	100, 0, 0, 7
Exquisite Eggplant	`#330033`	51, 0, 51	300°, 100%, 10%	0, 100, 0, 80

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00EEEE on #330033	12.17:1	AAA
Aa #800080 on #00EEEE	6.49:1	AA
Aa #808101 on #330033	4.26:1	AA large
Aa #008080 on #330033	3.70:1	AA large
Aa #008080 on #00EEEE	3.29:1	AA large
Aa #808101 on #00EEEE	2.86:1	—

CSS variables

:root {
  --color-1: #008080; /* Teal */
  --color-2: #800080; /* Purple */
  --color-3: #808101; /* Drably Olive */
  --color-4: #00eeee; /* Cold Light of Day */
  --color-5: #330033; /* Exquisite Eggplant */
}

Other schemes from Teal

More Dark Teal triadic palettes

Questions

What colors go with Teal?

In a triadic scheme: Purple (#800080), Drably Olive (#808101), Cold Light of Day (#00EEEE), Exquisite Eggplant (#330033).

What is the hex code of Teal?

#008080.