Midnight Blue Complementary Color Scheme

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

#191970

#2425B9

#706C11

#36310D

#CCCB2F

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Midnight Blue	`#191970`	25, 25, 112	240°, 64%, 27%	78, 78, 0, 56	28.8% 0.144 273
Sapphire Splendour	`#2425B9`	36, 37, 185	240°, 67%, 43%	81, 80, 0, 27	39.5% 0.220 270
Brown Green	`#706C11`	112, 108, 17	57°, 74%, 25%	0, 4, 85, 56	51.9% 0.105 107
Swamp of Sorrows	`#36310D`	54, 49, 13	53°, 61%, 13%	0, 9, 76, 79	31.0% 0.053 101
Lime Pop	`#CCCB2F`	204, 203, 47	60°, 63%, 49%	0, 0, 77, 20	81.7% 0.165 109

Which pairs work for text

Text on background	Contrast	WCAG
Aa #191970 on #CCCB2F	8.59:1	AAA
Aa #36310D on #CCCB2F	7.58:1	AAA
Aa #2425B9 on #CCCB2F	5.96:1	AA
Aa #706C11 on #CCCB2F	3.16:1	AA large
Aa #191970 on #706C11	2.72:1	—
Aa #706C11 on #36310D	2.40:1	—

CSS variables

:root {
  --color-1: #191970; /* Midnight Blue */
  --color-2: #2425b9; /* Sapphire Splendour */
  --color-3: #706c11; /* Brown Green */
  --color-4: #36310d; /* Swamp of Sorrows */
  --color-5: #cccb2f; /* Lime Pop */
}

Other schemes from Midnight Blue

More dark blue complementary color schemes

Questions

What colors go with Midnight Blue?

In a complementary scheme: Sapphire Splendour (#2425B9), Brown Green (#706C11), Swamp of Sorrows (#36310D), Lime Pop (#CCCB2F).

What is the hex code of Midnight Blue?

#191970.