Haddock’s Sweater Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK
Haddock’s Sweater	`#277ABA`	39, 122, 186	206°, 65%, 44%	79, 34, 0, 27
Toadstool	`#B8282F`	184, 40, 47	357°, 64%, 44%	0, 78, 74, 28
Citronelle	`#B8AF23`	184, 175, 35	56°, 68%, 43%	0, 5, 81, 28
Broadway	`#145775`	20, 87, 117	199°, 71%, 27%	83, 26, 0, 54
Spiced Coral	`#D55459`	213, 84, 89	358°, 61%, 58%	0, 61, 58, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B8AF23 on #145775	3.47:1	AA large
Aa #B8282F on #B8AF23	2.72:1	—
Aa #277ABA on #B8AF23	2.01:1	—
Aa #145775 on #D55459	1.98:1	—
Aa #B8AF23 on #D55459	1.75:1	—
Aa #277ABA on #145775	1.73:1	—

CSS variables

:root {
  --color-1: #277aba; /* Haddock’s Sweater */
  --color-2: #b8282f; /* Toadstool */
  --color-3: #b8af23; /* Citronelle */
  --color-4: #145775; /* Broadway */
  --color-5: #d55459; /* Spiced Coral */
}

Other schemes from Haddock’s Sweater

#277ABA
#55A9D6
#BB6528
#774411
#DC9B68
Haddock’s Sweater Complementary Color Scheme
#22BB66
#26B7B5
#277ABA
#2F36BA
#6225B8
Haddock’s Sweater Analogous Color Scheme
#277ABA
#BB2277
#7BB92B
#65A7DD
#78184A
Haddock’s Sweater Triadic Color Scheme
#277ABA
#AA22BB
#BB6528
#22BB22
#65A7DD
Haddock’s Sweater Tetradic Color Scheme
#0A2538
#145775
#277ABA
#4CA2D9
#8EC2E7
Haddock’s Sweater Monochromatic Color Scheme

More Medium Blue split-complementary palettes

Questions

What colors go with Haddock’s Sweater?

In a split-complementary scheme: Toadstool (#B8282F), Citronelle (#B8AF23), Broadway (#145775), Spiced Coral (#D55459).

What is the hex code of Haddock’s Sweater?

#277ABA.