Huebook

Crème Pâtissière Tetradic Color Scheme

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

#FDD77A
#7BE892
#77AAFF
#FF77EE
#FFF6DE

Color names and codes

NameHEXRGBHSLCMYK
Crème Pâtissière#FDD77A253, 215, 12243°, 97%, 74%0, 15, 52, 1
Ragweed#7BE892123, 232, 146133°, 70%, 70%47, 0, 37, 9
Fennel Flower#77AAFF119, 170, 255218°, 100%, 73%53, 33, 0, 0
Avant-Garde Pink#FF77EE255, 119, 238308°, 100%, 73%0, 53, 7, 0
Seashell Peach#FFF6DE255, 246, 22244°, 100%, 94%0, 4, 13, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #77AAFF on #FFF6DE2.17:1—
Aa #FF77EE on #FFF6DE2.14:1—
Aa #FDD77A on #77AAFF1.69:1—
Aa #FDD77A on #FF77EE1.66:1—
Aa #7BE892 on #77AAFF1.54:1—
Aa #7BE892 on #FF77EE1.51:1—

CSS variables

:root {
  --color-1: #fdd77a; /* Crème Pâtissière */
  --color-2: #7be892; /* Ragweed */
  --color-3: #77aaff; /* Fennel Flower */
  --color-4: #ff77ee; /* Avant-Garde Pink */
  --color-5: #fff6de; /* Seashell Peach */
}

Other schemes from Crème Pâtissière

More Light Orange tetradic palettes

Questions

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

In a tetradic scheme: Ragweed (#7BE892), Fennel Flower (#77AAFF), Avant-Garde Pink (#FF77EE), Seashell Peach (#FFF6DE).

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

#FDD77A.