Melondrama Complementary Color Scheme

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

#EE8170

#F7C8C2

#6CDAE7

#22DDEE

#CBF4F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Melondrama	`#EE8170`	238, 129, 112	8°, 79%, 69%	0, 46, 53, 7
Seashell Pink	`#F7C8C2`	247, 200, 194	7°, 77%, 86%	0, 19, 21, 3
Turquoise Sea	`#6CDAE7`	108, 218, 231	186°, 72%, 66%	53, 6, 0, 9
Cold Heights	`#22DDEE`	34, 221, 238	185°, 86%, 53%	86, 7, 0, 7
Vaporised	`#CBF4F8`	203, 244, 248	185°, 76%, 88%	18, 2, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #EE8170 on #CBF4F8	2.23:1	—
Aa #EE8170 on #F7C8C2	1.75:1	—
Aa #EE8170 on #6CDAE7	1.60:1	—
Aa #EE8170 on #22DDEE	1.58:1	—
Aa #22DDEE on #CBF4F8	1.41:1	—
Aa #6CDAE7 on #CBF4F8	1.39:1	—

CSS variables

:root {
  --color-1: #ee8170; /* Melondrama */
  --color-2: #f7c8c2; /* Seashell Pink */
  --color-3: #6cdae7; /* Turquoise Sea */
  --color-4: #22ddee; /* Cold Heights */
  --color-5: #cbf4f8; /* Vaporised */
}

Other schemes from Melondrama

More Light Red complementary palettes

Questions

What colors go with Melondrama?

In a complementary scheme: Seashell Pink (#F7C8C2), Turquoise Sea (#6CDAE7), Cold Heights (#22DDEE), Vaporised (#CBF4F8).

What is the hex code of Melondrama?

#EE8170.