Huebook

Crème Pâtissière Complementary Color Scheme

Five colors arranged by the complementary rule around Crème Pâtissière (#FDD77A), each snapped to its nearest named color.

#FDD77A
#FFF1D4
#77AAFF
#3366FF
#DBECFB

Color names and codes

NameHEXRGBHSLCMYK
Crème Pâtissière#FDD77A253, 215, 12243°, 97%, 74%0, 15, 52, 1
Amarillo Bebito#FFF1D4255, 241, 21240°, 100%, 92%0, 5, 17, 0
Fennel Flower#77AAFF119, 170, 255218°, 100%, 73%53, 33, 0, 0
Gentian Flower#3366FF51, 102, 255225°, 100%, 60%80, 60, 0, 0
Hoarfrost#DBECFB219, 236, 251208°, 80%, 92%13, 6, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFF1D4 on #3366FF4.19:1AA large
Aa #3366FF on #DBECFB3.88:1AA large
Aa #FDD77A on #3366FF3.38:1AA large
Aa #FFF1D4 on #77AAFF2.09:1—
Aa #77AAFF on #3366FF2.00:1—
Aa #77AAFF on #DBECFB1.94:1—

CSS variables

:root {
  --color-1: #fdd77a; /* Crème Pâtissière */
  --color-2: #fff1d4; /* Amarillo Bebito */
  --color-3: #77aaff; /* Fennel Flower */
  --color-4: #3366ff; /* Gentian Flower */
  --color-5: #dbecfb; /* Hoarfrost */
}

Other schemes from Crème Pâtissière

More Light Orange complementary palettes

Questions

What colors go with Crème Pâtissière?

In a complementary scheme: Amarillo Bebito (#FFF1D4), Fennel Flower (#77AAFF), Gentian Flower (#3366FF), Hoarfrost (#DBECFB).

What is the hex code of Crème Pâtissière?

#FDD77A.