Fatback Monochromatic Color Scheme

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

#FFB355

#FFD5A1

#FFF7ED

#FFF5E4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cantaloupe Smile	`#FFB355`	255, 179, 85	33°, 100%, 67%	0, 30, 67, 0
Light and Fluffy	`#FFD5A1`	255, 213, 161	33°, 100%, 82%	0, 16, 37, 0
Fatback	`#FFF7ED`	255, 247, 237	33°, 100%, 96%	0, 3, 7, 0
Silky Tofu	`#FFF5E4`	255, 245, 228	38°, 100%, 95%	0, 4, 11, 0
Silky Tofu	`#FFF5E4`	255, 245, 228	38°, 100%, 95%	0, 4, 11, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFB355 on #FFF7ED	1.67:1	—
Aa #FFB355 on #FFF5E4	1.64:1	—
Aa #FFB355 on #FFF5E4	1.64:1	—
Aa #FFD5A1 on #FFF7ED	1.29:1	—
Aa #FFB355 on #FFD5A1	1.29:1	—
Aa #FFD5A1 on #FFF5E4	1.27:1	—

CSS variables

:root {
  --color-1: #ffb355; /* Cantaloupe Smile */
  --color-2: #ffd5a1; /* Light and Fluffy */
  --color-3: #fff7ed; /* Fatback */
  --color-4: #fff5e4; /* Silky Tofu */
  --color-5: #fff5e4; /* Silky Tofu */
}

Other schemes from Fatback

More Very Light Orange monochromatic palettes

Questions

What colors go with Fatback?

In a monochromatic scheme: Cantaloupe Smile (#FFB355), Light and Fluffy (#FFD5A1), Silky Tofu (#FFF5E4), Silky Tofu (#FFF5E4).

What is the hex code of Fatback?

#FFF7ED.