Huebook

Cinnamon Buff Analogous Color Scheme

Five colors arranged by the analogous rule around Cinnamon Buff (#FFBF6E), each snapped to its nearest named color.

#F970AC
#FF796C
#FFBF6E
#F8FF73
#AEFF6E

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Crazy Pink#F970AC249, 112, 172334°, 92%, 71%0, 55, 31, 272.6% 0.178 355
Salmon#FF796C255, 121, 1085°, 100%, 71%0, 53, 58, 073.1% 0.166 27
Cinnamon Buff#FFBF6E255, 191, 11034°, 100%, 72%0, 25, 57, 084.7% 0.123 71
Huáng Dì Yellow#F8FF73248, 255, 11563°, 100%, 73%3, 0, 55, 096.8% 0.162 112
Key Lime#AEFF6E174, 255, 11094°, 100%, 72%32, 0, 57, 091.8% 0.195 133

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F970AC on #F8FF732.46:1—
Aa #FF796C on #F8FF732.38:1—
Aa #F970AC on #AEFF6E2.18:1—
Aa #FF796C on #AEFF6E2.11:1—
Aa #F970AC on #FFBF6E1.63:1—
Aa #FF796C on #FFBF6E1.58:1—

CSS variables

:root {
  --color-1: #f970ac; /* Crazy Pink */
  --color-2: #ff796c; /* Salmon */
  --color-3: #ffbf6e; /* Cinnamon Buff */
  --color-4: #f8ff73; /* Huáng Dì Yellow */
  --color-5: #aeff6e; /* Key Lime */
}

Other schemes from Cinnamon Buff

More light orange analogous color schemes

Questions

What colors go with Cinnamon Buff?

In a analogous scheme: Crazy Pink (#F970AC), Salmon (#FF796C), Huáng Dì Yellow (#F8FF73), Key Lime (#AEFF6E).

What is the hex code of Cinnamon Buff?

#FFBF6E.