Serenity’s Reign Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Serenity’s Reign	`#507BCE`	80, 123, 206	220°, 56%, 56%	61, 40, 0, 19
Track and Field	`#D66352`	214, 99, 82	8°, 62%, 58%	0, 54, 62, 16
Forsythia Bud	`#BBCC55`	187, 204, 85	69°, 54%, 57%	8, 0, 58, 20
Blasphemous Blue	`#3356AA`	51, 86, 170	222°, 54%, 43%	70, 49, 0, 33
Holland Tile	`#DD9789`	221, 151, 137	10°, 55%, 70%	0, 32, 38, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBCC55 on #3356AA	3.89:1	AA large
Aa #3356AA on #DD9789	2.90:1	—
Aa #507BCE on #BBCC55	2.35:1	—
Aa #D66352 on #BBCC55	2.06:1	—
Aa #D66352 on #3356AA	1.89:1	—
Aa #507BCE on #DD9789	1.75:1	—

CSS variables

:root {
  --color-1: #507bce; /* Serenity’s Reign */
  --color-2: #d66352; /* Track and Field */
  --color-3: #bbcc55; /* Forsythia Bud */
  --color-4: #3356aa; /* Blasphemous Blue */
  --color-5: #dd9789; /* Holland Tile */
}

Other schemes from Serenity’s Reign

#507BCE
#9BB8E2
#D0A54E
#A97B2D
#E1CDA4
Serenity’s Reign Complementary Color Scheme
#45CEA2
#4FB9CE
#507BCE
#654BC9
#A259CE
Serenity’s Reign Analogous Color Scheme
#507BCE
#C85179
#79C753
#A3BAE3
#A12D5D
Serenity’s Reign Triadic Color Scheme
#507BCE
#C94CBE
#D0A54E
#54C571
#A3BAE3
Serenity’s Reign Tetradic Color Scheme
#1F3465
#3356AA
#507BCE
#89ACDA
#C5D6EE
Serenity’s Reign Monochromatic Color Scheme

More Medium Blue split-complementary palettes

Questions

What colors go with Serenity’s Reign?

In a split-complementary scheme: Track and Field (#D66352), Forsythia Bud (#BBCC55), Blasphemous Blue (#3356AA), Holland Tile (#DD9789).

What is the hex code of Serenity’s Reign?

#507BCE.