Medium Blue Complementary Color Scheme

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

#0000CD

#3A2EFE

#CCCC00

#808101

#FFFF33

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Medium Blue	`#0000CD`	0, 0, 205	240°, 100%, 40%	100, 100, 0, 20	38.3% 0.266 264
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0	49.4% 0.284 272
Golden Foil	`#CCCC00`	204, 204, 0	60°, 100%, 40%	0, 0, 100, 20	81.8% 0.178 110
Drably Olive	`#808101`	128, 129, 1	60°, 98%, 25%	1, 0, 99, 49	58.3% 0.127 110
Big Yellow Taxi	`#FFFF33`	255, 255, 51	60°, 100%, 60%	0, 0, 80, 0	96.9% 0.201 110

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000CD on #FFFF33	10.42:1	AAA
Aa #3A2EFE on #FFFF33	6.53:1	AA
Aa #0000CD on #CCCC00	6.49:1	AA
Aa #3A2EFE on #CCCC00	4.07:1	AA large
Aa #808101 on #FFFF33	3.88:1	AA large
Aa #0000CD on #808101	2.69:1	—

CSS variables

:root {
  --color-1: #0000cd; /* Medium Blue */
  --color-2: #3a2efe; /* System Shock Blue */
  --color-3: #cccc00; /* Golden Foil */
  --color-4: #808101; /* Drably Olive */
  --color-5: #ffff33; /* Big Yellow Taxi */
}

Other schemes from Medium Blue

More medium blue complementary color schemes

Questions

What colors go with Medium Blue?

In a complementary scheme: System Shock Blue (#3A2EFE), Golden Foil (#CCCC00), Drably Olive (#808101), Big Yellow Taxi (#FFFF33).

What is the hex code of Medium Blue?

#0000CD.