Soothing Sapphire Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Soothing Sapphire	`#307DD3`	48, 125, 211	212°, 65%, 51%	77, 41, 0, 17
Blood Moon	`#D83432`	216, 52, 50	1°, 68%, 52%	0, 76, 77, 15
Lizard Belly	`#CCCC33`	204, 204, 51	60°, 60%, 50%	0, 0, 75, 20
Fist of the North Star	`#225599`	34, 85, 153	214°, 64%, 37%	78, 44, 0, 40
Ardent Coral	`#E5756A`	229, 117, 106	5°, 70%, 66%	0, 49, 54, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCCC33 on #225599	4.33:1	AA large
Aa #D83432 on #CCCC33	2.75:1	—
Aa #225599 on #E5756A	2.51:1	—
Aa #307DD3 on #CCCC33	2.45:1	—
Aa #307DD3 on #225599	1.77:1	—
Aa #CCCC33 on #E5756A	1.73:1	—

CSS variables

:root {
  --color-1: #307dd3; /* Soothing Sapphire */
  --color-2: #d83432; /* Blood Moon */
  --color-3: #cccc33; /* Lizard Belly */
  --color-4: #225599; /* Fist of the North Star */
  --color-5: #e5756a; /* Ardent Coral */
}

Other schemes from Soothing Sapphire

#307DD3
#7DAEE1
#D5892F
#9C5F22
#E5B584
Soothing Sapphire Complementary Color Scheme
#2DD78D
#30D5C8
#307DD3
#243BCD
#8833DD
Soothing Sapphire Analogous Color Scheme
#307DD3
#D33479
#75DE2F
#88ACE0
#882055
Soothing Sapphire Triadic Color Scheme
#307DD3
#CC33CC
#D5892F
#32CD32
#88ACE0
Soothing Sapphire Tetradic Color Scheme
#123456
#225599
#307DD3
#72A7E1
#ABCDEE
Soothing Sapphire Monochromatic Color Scheme

More Medium Blue split-complementary palettes

Questions

What colors go with Soothing Sapphire?

In a split-complementary scheme: Blood Moon (#D83432), Lizard Belly (#CCCC33), Fist of the North Star (#225599), Ardent Coral (#E5756A).

What is the hex code of Soothing Sapphire?

#307DD3.