True Blue Complementary Color Scheme

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

#010FCC

#3A2EFE

#D6BE01

#8F7303

#FFEE33

Color names and codes

Name	HEX	RGB	HSL	CMYK
True Blue	`#010FCC`	1, 15, 204	236°, 99%, 40%	100, 93, 0, 20
System Shock Blue	`#3A2EFE`	58, 46, 254	243°, 99%, 59%	77, 82, 0, 0
Groovy Lemon Pie	`#D6BE01`	214, 190, 1	53°, 99%, 42%	0, 11, 100, 16
Vermin Brown	`#8F7303`	143, 115, 3	48°, 96%, 29%	0, 20, 98, 44
Yellow-Bellied	`#FFEE33`	255, 238, 51	55°, 100%, 60%	0, 7, 80, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #010FCC on #FFEE33	9.03:1	AAA
Aa #3A2EFE on #FFEE33	5.84:1	AA
Aa #010FCC on #D6BE01	5.78:1	AA
Aa #8F7303 on #FFEE33	3.79:1	AA large
Aa #3A2EFE on #D6BE01	3.74:1	AA large
Aa #D6BE01 on #8F7303	2.43:1	—

CSS variables

:root {
  --color-1: #010fcc; /* True Blue */
  --color-2: #3a2efe; /* System Shock Blue */
  --color-3: #d6be01; /* Groovy Lemon Pie */
  --color-4: #8f7303; /* Vermin Brown */
  --color-5: #ffee33; /* Yellow-Bellied */
}

Other schemes from True Blue

More Medium Blue complementary palettes

Questions

What colors go with True Blue?

In a complementary scheme: System Shock Blue (#3A2EFE), Groovy Lemon Pie (#D6BE01), Vermin Brown (#8F7303), Yellow-Bellied (#FFEE33).

What is the hex code of True Blue?

#010FCC.