Powder Puff Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Powder Puff (#FFEFF3), each snapped to its nearest named color.

#FB5581

#FEA7BD

#FFEFF3

#FFE5ED

Color names and codes

Name	HEX	RGB	HSL	CMYK
Warm Pink	`#FB5581`	251, 85, 129	344°, 95%, 66%	0, 66, 49, 2
Amélie’s Tutu	`#FEA7BD`	254, 167, 189	345°, 98%, 83%	0, 34, 26, 0
Powder Puff	`#FFEFF3`	255, 239, 243	345°, 100%, 97%	0, 6, 5, 0
Early Blossom	`#FFE5ED`	255, 229, 237	342°, 100%, 95%	0, 10, 7, 0
Early Blossom	`#FFE5ED`	255, 229, 237	342°, 100%, 95%	0, 10, 7, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FB5581 on #FFEFF3	2.81:1	—
Aa #FB5581 on #FFE5ED	2.63:1	—
Aa #FB5581 on #FFE5ED	2.63:1	—
Aa #FB5581 on #FEA7BD	1.71:1	—
Aa #FEA7BD on #FFEFF3	1.65:1	—
Aa #FEA7BD on #FFE5ED	1.54:1	—

CSS variables

:root {
  --color-1: #fb5581; /* Warm Pink */
  --color-2: #fea7bd; /* Amélie’s Tutu */
  --color-3: #ffeff3; /* Powder Puff */
  --color-4: #ffe5ed; /* Early Blossom */
  --color-5: #ffe5ed; /* Early Blossom */
}

Other schemes from Powder Puff

More Very Light Red monochromatic palettes

Questions

What colors go with Powder Puff?

In a monochromatic scheme: Warm Pink (#FB5581), Amélie’s Tutu (#FEA7BD), Early Blossom (#FFE5ED), Early Blossom (#FFE5ED).

What is the hex code of Powder Puff?

#FFEFF3.