Fat Smooch Complementary Color Scheme

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

#C1537D

#D899B1

#48C09B

#319177

#99DAC5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fat Smooch	`#C1537D`	193, 83, 125	337°, 47%, 54%	0, 57, 35, 24
Haute Pink	`#D899B1`	216, 153, 177	337°, 45%, 72%	0, 29, 18, 15
New Meadow	`#48C09B`	72, 192, 155	162°, 49%, 52%	63, 0, 19, 25
Illuminating Emerald	`#319177`	49, 145, 119	164°, 49%, 38%	66, 0, 18, 43
Pageant Green	`#99DAC5`	153, 218, 197	161°, 47%, 73%	30, 0, 10, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C1537D on #99DAC5	2.75:1	—
Aa #319177 on #99DAC5	2.42:1	—
Aa #C1537D on #48C09B	1.93:1	—
Aa #C1537D on #D899B1	1.90:1	—
Aa #48C09B on #319177	1.71:1	—
Aa #D899B1 on #319177	1.67:1	—

CSS variables

:root {
  --color-1: #c1537d; /* Fat Smooch */
  --color-2: #d899b1; /* Haute Pink */
  --color-3: #48c09b; /* New Meadow */
  --color-4: #319177; /* Illuminating Emerald */
  --color-5: #99dac5; /* Pageant Green */
}

Other schemes from Fat Smooch

More Medium Pink complementary palettes

Questions

What colors go with Fat Smooch?

In a complementary scheme: Haute Pink (#D899B1), New Meadow (#48C09B), Illuminating Emerald (#319177), Pageant Green (#99DAC5).

What is the hex code of Fat Smooch?

#C1537D.