Shark Complementary Color Scheme

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

#CADCDE

#F0F4F2

#DFCDC7

#C79D9B

#F4EFEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Shark	`#CADCDE`	202, 220, 222	186°, 23%, 83%	9, 1, 0, 13
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4
Lip Gloss	`#DFCDC7`	223, 205, 199	15°, 27%, 83%	0, 8, 11, 13
Pepperberry	`#C79D9B`	199, 157, 155	3°, 28%, 69%	0, 21, 22, 22
Angelic Wings	`#F4EFEE`	244, 239, 238	10°, 21%, 95%	0, 2, 2, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F0F4F2 on #C79D9B	2.17:1	—
Aa #C79D9B on #F4EFEE	2.11:1	—
Aa #CADCDE on #C79D9B	1.70:1	—
Aa #DFCDC7 on #C79D9B	1.57:1	—
Aa #F0F4F2 on #DFCDC7	1.38:1	—
Aa #DFCDC7 on #F4EFEE	1.35:1	—

CSS variables

:root {
  --color-1: #cadcde; /* Shark */
  --color-2: #f0f4f2; /* Bakery Box */
  --color-3: #dfcdc7; /* Lip Gloss */
  --color-4: #c79d9b; /* Pepperberry */
  --color-5: #f4efee; /* Angelic Wings */
}

Other schemes from Shark

More Very Light Teal complementary palettes

Questions

What colors go with Shark?

In a complementary scheme: Bakery Box (#F0F4F2), Lip Gloss (#DFCDC7), Pepperberry (#C79D9B), Angelic Wings (#F4EFEE).

What is the hex code of Shark?

#CADCDE.