Haunted Hills Tetradic Color Scheme

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

#003311

#000435

#330022

#372A05

#009933

Color names and codes

Name	HEX	RGB	HSL	CMYK
Haunted Hills	`#003311`	0, 51, 17	140°, 100%, 10%	100, 0, 67, 80
Oblivion	`#000435`	0, 4, 53	235°, 100%, 10%	100, 92, 0, 79
Vienna Roast	`#330022`	51, 0, 34	320°, 100%, 10%	0, 100, 33, 80
Secret Passage	`#372A05`	55, 42, 5	44°, 83%, 12%	0, 24, 91, 78
Peppermint Toad	`#009933`	0, 153, 51	140°, 100%, 30%	100, 0, 67, 40

Which pairs work for text

Text on background	Contrast	WCAG
Aa #000435 on #009933	5.24:1	AA
Aa #330022 on #009933	4.82:1	AA
Aa #003311 on #009933	3.78:1	AA large
Aa #372A05 on #009933	3.75:1	AA large
Aa #000435 on #372A05	1.40:1	—
Aa #003311 on #000435	1.39:1	—

CSS variables

:root {
  --color-1: #003311; /* Haunted Hills */
  --color-2: #000435; /* Oblivion */
  --color-3: #330022; /* Vienna Roast */
  --color-4: #372a05; /* Secret Passage */
  --color-5: #009933; /* Peppermint Toad */
}

Other schemes from Haunted Hills

More Very Dark Green tetradic palettes

Questions

What colors go with Haunted Hills?

In a tetradic scheme: Oblivion (#000435), Vienna Roast (#330022), Secret Passage (#372A05), Peppermint Toad (#009933).

What is the hex code of Haunted Hills?

#003311.