Too Big to Whale Split-complementary Color Scheme

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Too Big to Whale	`#9596A4`	149, 150, 164	236°, 8%, 61%	9, 9, 0, 36	67.7% 0.020 283
Butcher Paper	`#B69983`	182, 153, 131	26°, 26%, 61%	0, 16, 28, 29	70.3% 0.047 59
Haven	`#A3B48C`	163, 180, 140	86°, 21%, 63%	9, 0, 22, 29	74.6% 0.059 127
Persian Plush	`#575B93`	87, 91, 147	236°, 26%, 46%	41, 38, 0, 42	49.3% 0.089 279
Rabbit’s Foot	`#D2C1B5`	210, 193, 181	25°, 24%, 77%	0, 8, 14, 18	82.2% 0.025 58

Which pairs work for text

Text on background	Contrast	WCAG
Aa #575B93 on #D2C1B5	3.62:1	AA large
Aa #A3B48C on #575B93	2.85:1	—
Aa #B69983 on #575B93	2.37:1	—
Aa #9596A4 on #575B93	2.16:1	—
Aa #9596A4 on #D2C1B5	1.68:1	—
Aa #B69983 on #D2C1B5	1.53:1	—

CSS variables

:root {
  --color-1: #9596a4; /* Too Big to Whale */
  --color-2: #b69983; /* Butcher Paper */
  --color-3: #a3b48c; /* Haven */
  --color-4: #575b93; /* Persian Plush */
  --color-5: #d2c1b5; /* Rabbit’s Foot */
}

Other schemes from Too Big to Whale

#9596A4
#BABFDC
#BBB286
#989057
#DDD9C4
Too Big to Whale Complementary Color Scheme
#85B3B2
#83A0B4
#9596A4
#9884B9
#B085B7
Too Big to Whale Analogous Color Scheme
#9596A4
#B48286
#89B386
#C7C5DC
#935A59
Too Big to Whale Triadic Color Scheme
#9596A4
#B784A7
#BBB286
#81B89A
#C7C5DC
Too Big to Whale Tetradic Color Scheme
#4A4B57
#6C6E7E
#9596A4
#BDBFC8
#E7E7EB
Too Big to Whale Monochromatic Color Scheme

More light gray split-complementary color schemes

Questions

What colors go with Too Big to Whale?

In a split-complementary scheme: Butcher Paper (#B69983), Haven (#A3B48C), Persian Plush (#575B93), Rabbit’s Foot (#D2C1B5).

What is the hex code of Too Big to Whale?

#9596A4.