Meatloaf Tetradic Color Scheme

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

#663311

#116611

#124168

#540D6E

#B85824

Color names and codes

Name	HEX	RGB	HSL	CMYK
Meatloaf	`#663311`	102, 51, 17	24°, 71%, 23%	0, 50, 83, 60
Overgrown Temple	`#116611`	17, 102, 17	120°, 71%, 23%	83, 0, 83, 60
Blue Opal	`#124168`	18, 65, 104	207°, 70%, 24%	83, 38, 0, 59
Velvet Vortex	`#540D6E`	84, 13, 110	284°, 79%, 24%	24, 88, 0, 57
Fallen Canopy	`#B85824`	184, 88, 36	21°, 67%, 43%	0, 52, 80, 28

Which pairs work for text

Text on background	Contrast	WCAG
Aa #540D6E on #B85824	2.69:1	—
Aa #124168 on #B85824	2.25:1	—
Aa #663311 on #B85824	2.18:1	—
Aa #116611 on #540D6E	1.77:1	—
Aa #116611 on #B85824	1.52:1	—
Aa #116611 on #124168	1.48:1	—

CSS variables

:root {
  --color-1: #663311; /* Meatloaf */
  --color-2: #116611; /* Overgrown Temple */
  --color-3: #124168; /* Blue Opal */
  --color-4: #540d6e; /* Velvet Vortex */
  --color-5: #b85824; /* Fallen Canopy */
}

Other schemes from Meatloaf

More Dark Orange tetradic palettes

Questions

What colors go with Meatloaf?

In a tetradic scheme: Overgrown Temple (#116611), Blue Opal (#124168), Velvet Vortex (#540D6E), Fallen Canopy (#B85824).

What is the hex code of Meatloaf?

#663311.