Midnight Complementary Color Scheme

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

#03012D

#000088

#333300

#1F180A

#929000

Color names and codes

Name	HEX	RGB	HSL	CMYK
Midnight	`#03012D`	3, 1, 45	243°, 96%, 9%	93, 98, 0, 82
Midnight in Tokyo	`#000088`	0, 0, 136	240°, 100%, 27%	100, 100, 0, 47
Wasabi Nori	`#333300`	51, 51, 0	60°, 100%, 10%	0, 0, 100, 80
Noir Mystique	`#1F180A`	31, 24, 10	40°, 51%, 8%	0, 23, 68, 88
Old Asparagus	`#929000`	146, 144, 0	59°, 100%, 29%	0, 1, 100, 43

Which pairs work for text

Text on background	Contrast	WCAG
Aa #03012D on #929000	5.94:1	AA
Aa #1F180A on #929000	5.21:1	AA
Aa #000088 on #929000	4.58:1	AA
Aa #333300 on #929000	3.85:1	AA large
Aa #03012D on #333300	1.54:1	—
Aa #333300 on #1F180A	1.35:1	—

CSS variables

:root {
  --color-1: #03012d; /* Midnight */
  --color-2: #000088; /* Midnight in Tokyo */
  --color-3: #333300; /* Wasabi Nori */
  --color-4: #1f180a; /* Noir Mystique */
  --color-5: #929000; /* Old Asparagus */
}

Other schemes from Midnight

More Very Dark Blue complementary palettes

Questions

What colors go with Midnight?

In a complementary scheme: Midnight in Tokyo (#000088), Wasabi Nori (#333300), Noir Mystique (#1F180A), Old Asparagus (#929000).

What is the hex code of Midnight?

#03012D.