Meatloaf Complementary Color Scheme

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

#663311

#B35E1F

#124168

#041723

#277ABA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Meatloaf	`#663311`	102, 51, 17	24°, 71%, 23%	0, 50, 83, 60
Old Guitar	`#B35E1F`	179, 94, 31	26°, 70%, 41%	0, 47, 83, 30
Blue Opal	`#124168`	18, 65, 104	207°, 70%, 24%	83, 38, 0, 59
Creeping Death	`#041723`	4, 23, 35	203°, 79%, 8%	89, 34, 0, 86
Haddock’s Sweater	`#277ABA`	39, 122, 186	206°, 65%, 44%	79, 34, 0, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #041723 on #277ABA	3.97:1	AA large
Aa #B35E1F on #041723	3.94:1	AA large
Aa #124168 on #277ABA	2.31:1	—
Aa #B35E1F on #124168	2.29:1	—
Aa #663311 on #277ABA	2.24:1	—
Aa #663311 on #B35E1F	2.22:1	—

CSS variables

:root {
  --color-1: #663311; /* Meatloaf */
  --color-2: #b35e1f; /* Old Guitar */
  --color-3: #124168; /* Blue Opal */
  --color-4: #041723; /* Creeping Death */
  --color-5: #277aba; /* Haddock’s Sweater */
}

Other schemes from Meatloaf

More Dark Orange complementary palettes

Questions

What colors go with Meatloaf?

In a complementary scheme: Old Guitar (#B35E1F), Blue Opal (#124168), Creeping Death (#041723), Haddock’s Sweater (#277ABA).

What is the hex code of Meatloaf?

#663311.