Xoxo Complementary Color Scheme

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

#F08497

#F8D7DD

#88FFDD

#45E9C1

#DFFBF3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Xoxo	`#F08497`	240, 132, 151	349°, 78%, 73%	0, 45, 37, 6
Barely Pink	`#F8D7DD`	248, 215, 221	349°, 70%, 91%	0, 13, 11, 3
Tibetan Plateau	`#88FFDD`	136, 255, 221	163°, 100%, 77%	47, 0, 13, 0
Aphrodite Aqua	`#45E9C1`	69, 233, 193	165°, 79%, 59%	70, 0, 17, 9
Mint Condition	`#DFFBF3`	223, 251, 243	163°, 78%, 93%	11, 0, 3, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F08497 on #DFFBF3	2.28:1	—
Aa #F08497 on #88FFDD	2.06:1	—
Aa #F08497 on #F8D7DD	1.86:1	—
Aa #F08497 on #45E9C1	1.62:1	—
Aa #45E9C1 on #DFFBF3	1.41:1	—
Aa #88FFDD on #45E9C1	1.27:1	—

CSS variables

:root {
  --color-1: #f08497; /* Xoxo */
  --color-2: #f8d7dd; /* Barely Pink */
  --color-3: #88ffdd; /* Tibetan Plateau */
  --color-4: #45e9c1; /* Aphrodite Aqua */
  --color-5: #dffbf3; /* Mint Condition */
}

Other schemes from Xoxo

More Light Red complementary palettes

Questions

What colors go with Xoxo?

In a complementary scheme: Barely Pink (#F8D7DD), Tibetan Plateau (#88FFDD), Aphrodite Aqua (#45E9C1), Mint Condition (#DFFBF3).

What is the hex code of Xoxo?

#F08497.