Hobgoblin Tetradic Color Scheme

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

#01AD8F

#3300AA

#B00B1E

#78AC01

#00FFDD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hobgoblin	`#01AD8F`	1, 173, 143	170°, 99%, 34%	99, 0, 17, 32
Sea Grape	`#3300AA`	51, 0, 170	258°, 100%, 33%	70, 100, 0, 33
Mammary Red	`#B00B1E`	176, 11, 30	353°, 88%, 37%	0, 94, 83, 31
Plus Ultra	`#78AC01`	120, 172, 1	78°, 99%, 34%	30, 0, 99, 33
Ice Ice Baby	`#00FFDD`	0, 255, 221	172°, 100%, 50%	100, 0, 13, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #3300AA on #00FFDD	9.50:1	AAA
Aa #B00B1E on #00FFDD	5.61:1	AA
Aa #3300AA on #78AC01	4.47:1	AA large
Aa #01AD8F on #3300AA	4.28:1	AA large
Aa #B00B1E on #78AC01	2.64:1	—
Aa #01AD8F on #B00B1E	2.53:1	—

CSS variables

:root {
  --color-1: #01ad8f; /* Hobgoblin */
  --color-2: #3300aa; /* Sea Grape */
  --color-3: #b00b1e; /* Mammary Red */
  --color-4: #78ac01; /* Plus Ultra */
  --color-5: #00ffdd; /* Ice Ice Baby */
}

Other schemes from Hobgoblin

More Dark Teal tetradic palettes

Questions

What colors go with Hobgoblin?

In a tetradic scheme: Sea Grape (#3300AA), Mammary Red (#B00B1E), Plus Ultra (#78AC01), Ice Ice Baby (#00FFDD).

What is the hex code of Hobgoblin?

#01AD8F.