Fat Smooch Triadic Color Scheme

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

#C1537D

#7AC34F

#507BCE

#DD9CBD

#559933

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Fat Smooch	`#C1537D`	193, 83, 125	337°, 47%, 54%	0, 57, 35, 24	59.4% 0.147 359
Conceptual	`#7AC34F`	122, 195, 79	98°, 49%, 54%	37, 0, 59, 24	74.4% 0.167 136
Serenity’s Reign	`#507BCE`	80, 123, 206	220°, 56%, 56%	61, 40, 0, 19	59.1% 0.136 262
Pink Begonia	`#DD9CBD`	221, 156, 189	330°, 49%, 74%	0, 29, 14, 13	76.5% 0.088 348
Hubert’s Truck Green	`#559933`	85, 153, 51	100°, 50%, 40%	44, 0, 67, 40	61.6% 0.153 137

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C1537D on #7AC34F	2.03:1	—
Aa #C1537D on #DD9CBD	1.99:1	—
Aa #7AC34F on #507BCE	1.92:1	—
Aa #507BCE on #DD9CBD	1.89:1	—
Aa #7AC34F on #559933	1.63:1	—
Aa #DD9CBD on #559933	1.60:1	—

CSS variables

:root {
  --color-1: #c1537d; /* Fat Smooch */
  --color-2: #7ac34f; /* Conceptual */
  --color-3: #507bce; /* Serenity’s Reign */
  --color-4: #dd9cbd; /* Pink Begonia */
  --color-5: #559933; /* Hubert’s Truck Green */
}

Other schemes from Fat Smooch

More medium pink triadic color schemes

Questions

What colors go with Fat Smooch?

In a triadic scheme: Conceptual (#7AC34F), Serenity’s Reign (#507BCE), Pink Begonia (#DD9CBD), Hubert’s Truck Green (#559933).

What is the hex code of Fat Smooch?

#C1537D.