Huebook

Fiesta Complementary Color Scheme

Five colors arranged by the complementary rule around Fiesta (#EDD8D2), each snapped to its nearest named color.

#EDD8D2
#F6EEED
#D2E8EC
#9CC9D4
#EBF6F7

Color names and codes

NameHEXRGBHSLCMYK
Fiesta#EDD8D2237, 216, 21013°, 43%, 88%0, 9, 11, 7
Grannie’s Pearls#F6EEED246, 238, 2377°, 33%, 95%0, 3, 4, 4
Coastal Mist#D2E8EC210, 232, 236189°, 41%, 87%11, 2, 0, 7
Soothing Blue#9CC9D4156, 201, 212192°, 39%, 72%26, 5, 0, 17
Indigo White#EBF6F7235, 246, 247185°, 43%, 95%5, 0, 0, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #9CC9D4 on #EBF6F71.63:1—
Aa #F6EEED on #9CC9D41.57:1—
Aa #D2E8EC on #9CC9D41.41:1—
Aa #EDD8D2 on #9CC9D41.31:1—
Aa #EDD8D2 on #EBF6F71.24:1—
Aa #EDD8D2 on #F6EEED1.20:1—

CSS variables

:root {
  --color-1: #edd8d2; /* Fiesta */
  --color-2: #f6eeed; /* Grannie’s Pearls */
  --color-3: #d2e8ec; /* Coastal Mist */
  --color-4: #9cc9d4; /* Soothing Blue */
  --color-5: #ebf6f7; /* Indigo White */
}

Other schemes from Fiesta

More Very Light Red complementary palettes

Questions

What colors go with Fiesta?

In a complementary scheme: Grannie’s Pearls (#F6EEED), Coastal Mist (#D2E8EC), Soothing Blue (#9CC9D4), Indigo White (#EBF6F7).

What is the hex code of Fiesta?

#EDD8D2.