Dark Eclipse Complementary Color Scheme

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

#112244

#25488A

#4D3113

#1C1208

#956F29

Color names and codes

Name	HEX	RGB	HSL	CMYK
Dark Eclipse	`#112244`	17, 34, 68	220°, 60%, 17%	75, 50, 0, 73
Pacific Navy	`#25488A`	37, 72, 138	219°, 58%, 34%	73, 48, 0, 46
Bavarian Sweet Mustard	`#4D3113`	77, 49, 19	31°, 60%, 19%	0, 36, 75, 70
Crowshead	`#1C1208`	28, 18, 8	30°, 56%, 7%	0, 36, 71, 89
Mulberry Brown	`#956F29`	149, 111, 41	39°, 57%, 37%	0, 26, 72, 42

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1C1208 on #956F29	4.02:1	AA large
Aa #112244 on #956F29	3.43:1	AA large
Aa #4D3113 on #956F29	2.60:1	—
Aa #25488A on #1C1208	2.08:1	—
Aa #25488A on #956F29	1.93:1	—
Aa #112244 on #25488A	1.78:1	—

CSS variables

:root {
  --color-1: #112244; /* Dark Eclipse */
  --color-2: #25488a; /* Pacific Navy */
  --color-3: #4d3113; /* Bavarian Sweet Mustard */
  --color-4: #1c1208; /* Crowshead */
  --color-5: #956f29; /* Mulberry Brown */
}

Other schemes from Dark Eclipse

More Very Dark Blue complementary palettes

Questions

What colors go with Dark Eclipse?

In a complementary scheme: Pacific Navy (#25488A), Bavarian Sweet Mustard (#4D3113), Crowshead (#1C1208), Mulberry Brown (#956F29).

What is the hex code of Dark Eclipse?

#112244.