Huebook

Peanut Butter Biscuit Complementary Color Scheme

Five colors arranged by the complementary rule around Peanut Butter Biscuit (#F7B565), each snapped to its nearest named color.

#F7B565
#FDDEBD
#77AAFF
#1F75FE
#CCDDFF

Color names and codes

NameHEXRGBHSLCMYK
Peanut Butter Biscuit#F7B565247, 181, 10133°, 90%, 68%0, 27, 59, 3
Butter White#FDDEBD253, 222, 18931°, 94%, 87%0, 12, 25, 1
Fennel Flower#77AAFF119, 170, 255218°, 100%, 73%53, 33, 0, 0
Clouded Blue#1F75FE31, 117, 254217°, 99%, 56%88, 54, 0, 0
Arc Light#CCDDFF204, 221, 255220°, 100%, 90%20, 13, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FDDEBD on #1F75FE3.25:1AA large
Aa #1F75FE on #CCDDFF3.05:1AA large
Aa #F7B565 on #1F75FE2.33:1—
Aa #FDDEBD on #77AAFF1.82:1—
Aa #77AAFF on #1F75FE1.78:1—
Aa #77AAFF on #CCDDFF1.71:1—

CSS variables

:root {
  --color-1: #f7b565; /* Peanut Butter Biscuit */
  --color-2: #fddebd; /* Butter White */
  --color-3: #77aaff; /* Fennel Flower */
  --color-4: #1f75fe; /* Clouded Blue */
  --color-5: #ccddff; /* Arc Light */
}

Other schemes from Peanut Butter Biscuit

More Light Orange complementary palettes

Questions

What colors go with Peanut Butter Biscuit?

In a complementary scheme: Butter White (#FDDEBD), Fennel Flower (#77AAFF), Clouded Blue (#1F75FE), Arc Light (#CCDDFF).

What is the hex code of Peanut Butter Biscuit?

#F7B565.