Teal Tetradic Color Scheme

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

#008080

#4B0082

#800000

#448800

#00EEEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Teal	`#008080`	0, 128, 128	180°, 100%, 25%	100, 0, 0, 50
Indigo	`#4B0082`	75, 0, 130	275°, 100%, 25%	42, 100, 0, 49
Maroon	`#800000`	128, 0, 0	0°, 100%, 25%	0, 100, 100, 50
Mughal Green	`#448800`	68, 136, 0	90°, 100%, 27%	50, 0, 100, 47
Cold Light of Day	`#00EEEE`	0, 238, 238	180°, 100%, 47%	100, 0, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4B0082 on #00EEEE	8.92:1	AAA
Aa #800000 on #00EEEE	7.54:1	AAA
Aa #008080 on #00EEEE	3.29:1	AA large
Aa #448800 on #00EEEE	3.03:1	AA large
Aa #4B0082 on #448800	2.94:1	—
Aa #008080 on #4B0082	2.71:1	—

CSS variables

:root {
  --color-1: #008080; /* Teal */
  --color-2: #4b0082; /* Indigo */
  --color-3: #800000; /* Maroon */
  --color-4: #448800; /* Mughal Green */
  --color-5: #00eeee; /* Cold Light of Day */
}

Other schemes from Teal

More Dark Teal tetradic palettes

Questions

What colors go with Teal?

In a tetradic scheme: Indigo (#4B0082), Maroon (#800000), Mughal Green (#448800), Cold Light of Day (#00EEEE).

What is the hex code of Teal?

#008080.