Huebook

Fatback Triadic Color Scheme

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

#FFF7ED
#E6FDF1
#F8EBFC
#FFF5E4
#A5FBD5

Color names and codes

NameHEXRGBHSLCMYK
Fatback#FFF7ED255, 247, 23733°, 100%, 96%0, 3, 7, 0
Mint Chiffon#E6FDF1230, 253, 241149°, 85%, 95%9, 0, 5, 1
Placebo Fuchsia#F8EBFC248, 235, 252286°, 74%, 95%2, 7, 0, 1
Silky Tofu#FFF5E4255, 245, 22838°, 100%, 95%0, 4, 11, 0
Pale Turquoise#A5FBD5165, 251, 213153°, 91%, 82%34, 0, 15, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFF7ED on #A5FBD51.14:1—
Aa #E6FDF1 on #A5FBD51.13:1—
Aa #FFF5E4 on #A5FBD51.12:1—
Aa #FFF7ED on #F8EBFC1.08:1—
Aa #E6FDF1 on #F8EBFC1.08:1—
Aa #F8EBFC on #FFF5E41.06:1—

CSS variables

:root {
  --color-1: #fff7ed; /* Fatback */
  --color-2: #e6fdf1; /* Mint Chiffon */
  --color-3: #f8ebfc; /* Placebo Fuchsia */
  --color-4: #fff5e4; /* Silky Tofu */
  --color-5: #a5fbd5; /* Pale Turquoise */
}

Other schemes from Fatback

More Very Light Orange triadic palettes

Questions

What colors go with Fatback?

In a triadic scheme: Mint Chiffon (#E6FDF1), Placebo Fuchsia (#F8EBFC), Silky Tofu (#FFF5E4), Pale Turquoise (#A5FBD5).

What is the hex code of Fatback?

#FFF7ED.