Huebook

Peanut Butter Chicken Analogous Color Scheme

Five colors arranged by the analogous rule around Peanut Butter Chicken (#FFB75F), each snapped to its nearest named color.

#FF55AA
#FD645F
#FFB75F
#FAFC5D
#AAFF55

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Pink Katydid#FF55AA255, 85, 170330°, 100%, 67%0, 67, 33, 070.3% 0.219 353
Pineapple Salmon#FD645F253, 100, 952°, 98%, 68%0, 60, 62, 169.8% 0.188 25
Peanut Butter Chicken#FFB75F255, 183, 9533°, 100%, 69%0, 28, 63, 083.0% 0.133 70
Duckling Fluff#FAFC5D250, 252, 9361°, 96%, 68%1, 0, 63, 196.1% 0.176 110
Irradiated Green#AAFF55170, 255, 8590°, 100%, 67%33, 0, 67, 091.4% 0.215 132

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF55AA on #FAFC5D2.68:1—
Aa #FD645F on #FAFC5D2.67:1—
Aa #FF55AA on #AAFF552.40:1—
Aa #FD645F on #AAFF552.39:1—
Aa #FF55AA on #FFB75F1.71:1—
Aa #FD645F on #FFB75F1.70:1—

CSS variables

:root {
  --color-1: #ff55aa; /* Pink Katydid */
  --color-2: #fd645f; /* Pineapple Salmon */
  --color-3: #ffb75f; /* Peanut Butter Chicken */
  --color-4: #fafc5d; /* Duckling Fluff */
  --color-5: #aaff55; /* Irradiated Green */
}

Other schemes from Peanut Butter Chicken

More light orange analogous color schemes

Questions

What colors go with Peanut Butter Chicken?

In a analogous scheme: Pink Katydid (#FF55AA), Pineapple Salmon (#FD645F), Duckling Fluff (#FAFC5D), Irradiated Green (#AAFF55).

What is the hex code of Peanut Butter Chicken?

#FFB75F.