Hobgoblin Complementary Color Scheme

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

#01AD8F

#00FFCC

#B00B1E

#660011

#FD0F35

Color names and codes

Name	HEX	RGB	HSL	CMYK
Hobgoblin	`#01AD8F`	1, 173, 143	170°, 99%, 34%	99, 0, 17, 32
Plunge Pool	`#00FFCC`	0, 255, 204	168°, 100%, 50%	100, 0, 20, 0
Mammary Red	`#B00B1E`	176, 11, 30	353°, 88%, 37%	0, 94, 83, 31
Darkest Dungeon	`#660011`	102, 0, 17	350°, 100%, 20%	0, 100, 83, 60
Tractor Red	`#FD0F35`	253, 15, 53	350°, 98%, 53%	0, 94, 79, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FFCC on #660011	10.28:1	AAA
Aa #00FFCC on #B00B1E	5.55:1	AA
Aa #01AD8F on #660011	4.69:1	AA
Aa #660011 on #FD0F35	3.37:1	AA large
Aa #00FFCC on #FD0F35	3.05:1	AA large
Aa #01AD8F on #B00B1E	2.53:1	—

CSS variables

:root {
  --color-1: #01ad8f; /* Hobgoblin */
  --color-2: #00ffcc; /* Plunge Pool */
  --color-3: #b00b1e; /* Mammary Red */
  --color-4: #660011; /* Darkest Dungeon */
  --color-5: #fd0f35; /* Tractor Red */
}

Other schemes from Hobgoblin

More Dark Teal complementary palettes

Questions

What colors go with Hobgoblin?

In a complementary scheme: Plunge Pool (#00FFCC), Mammary Red (#B00B1E), Darkest Dungeon (#660011), Tractor Red (#FD0F35).

What is the hex code of Hobgoblin?

#01AD8F.