Sapphire Splendour Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sapphire Splendour	`#2425B9`	36, 37, 185	240°, 67%, 43%	81, 80, 0, 27
Hardy Clay	`#B56C23`	181, 108, 35	30°, 68%, 42%	0, 40, 81, 29
Chasm Green	`#63B521`	99, 181, 33	93°, 69%, 42%	45, 0, 82, 29
20000 Leagues Under the Sea	`#191970`	25, 25, 112	240°, 64%, 27%	78, 78, 0, 56
Orange Caramel	`#DE954B`	222, 149, 75	30°, 69%, 58%	0, 33, 66, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #191970 on #DE954B	6.01:1	AA
Aa #63B521 on #191970	5.77:1	AA
Aa #2425B9 on #DE954B	4.17:1	AA large
Aa #2425B9 on #63B521	4.00:1	AA large
Aa #B56C23 on #191970	3.63:1	AA large
Aa #2425B9 on #B56C23	2.52:1	—

CSS variables

:root {
  --color-1: #2425b9; /* Sapphire Splendour */
  --color-2: #b56c23; /* Hardy Clay */
  --color-3: #63b521; /* Chasm Green */
  --color-4: #191970; /* 20000 Leagues Under the Sea */
  --color-5: #de954b; /* Orange Caramel */
}

Other schemes from Sapphire Splendour

#2425B9
#4B57DB
#BABD29
#777711
#EBE667
Sapphire Splendour Complementary Color Scheme
#26B7B5
#2C6FBB
#2425B9
#6225B8
#BB22BB
Sapphire Splendour Analogous Color Scheme
#2425B9
#BB2222
#22BB22
#6666EE
#711518
Sapphire Splendour Triadic Color Scheme
#2425B9
#BB2277
#BABD29
#22BB66
#6666EE
Sapphire Splendour Tetradic Color Scheme
#0F1039
#191970
#2425B9
#4D52DE
#8F8CE7
Sapphire Splendour Monochromatic Color Scheme

More Medium Blue split-complementary palettes

Questions

What colors go with Sapphire Splendour?

In a split-complementary scheme: Hardy Clay (#B56C23), Chasm Green (#63B521), 20000 Leagues Under the Sea (#191970), Orange Caramel (#DE954B).

What is the hex code of Sapphire Splendour?

#2425B9.