Whale Shark Complementary Color Scheme

Five colors arranged by the complementary rule around Whale Shark (#607C8E), each snapped to its nearest named color.

#607C8E

#90ABBB

#957258

#694D3D

#BBA595

Color names and codes

Name	HEX	RGB	HSL	CMYK
Whale Shark	`#607C8E`	96, 124, 142	203°, 19%, 47%	32, 13, 0, 44
New Toile	`#90ABBB`	144, 171, 187	202°, 24%, 65%	23, 9, 0, 27
Toasty	`#957258`	149, 114, 88	26°, 26%, 46%	0, 23, 41, 42
Deep Umber	`#694D3D`	105, 77, 61	22°, 27%, 33%	0, 27, 42, 59
Sand Trap	`#BBA595`	187, 165, 149	25°, 22%, 66%	0, 12, 20, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #694D3D on #BBA595	3.27:1	AA large
Aa #90ABBB on #694D3D	3.20:1	AA large
Aa #607C8E on #BBA595	1.87:1	—
Aa #957258 on #BBA595	1.85:1	—
Aa #607C8E on #90ABBB	1.83:1	—
Aa #90ABBB on #957258	1.81:1	—

CSS variables

:root {
  --color-1: #607c8e; /* Whale Shark */
  --color-2: #90abbb; /* New Toile */
  --color-3: #957258; /* Toasty */
  --color-4: #694d3d; /* Deep Umber */
  --color-5: #bba595; /* Sand Trap */
}

Other schemes from Whale Shark

More Medium Blue complementary palettes

Questions

What colors go with Whale Shark?

In a complementary scheme: New Toile (#90ABBB), Toasty (#957258), Deep Umber (#694D3D), Sand Trap (#BBA595).

What is the hex code of Whale Shark?

#607C8E.