Huebook

Rosecco Complementary Color Scheme

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

#EEBBDD
#FCEBF4
#BBEFD3
#7ED89A
#EBF8EF

Color names and codes

NameHEXRGBHSLCMYK
Rosecco#EEBBDD238, 187, 221320°, 60%, 83%0, 21, 7, 7
Placebo Magenta#FCEBF4252, 235, 244328°, 74%, 95%0, 7, 3, 1
Mystery Mint#BBEFD3187, 239, 211148°, 62%, 84%22, 0, 12, 6
Enchanted Emerald#7ED89A126, 216, 154139°, 54%, 67%42, 0, 29, 15
Soft Petals#EBF8EF235, 248, 239138°, 48%, 95%5, 0, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #7ED89A on #EBF8EF1.58:1—
Aa #FCEBF4 on #7ED89A1.51:1—
Aa #EEBBDD on #EBF8EF1.50:1—
Aa #EEBBDD on #FCEBF41.43:1—
Aa #BBEFD3 on #7ED89A1.35:1—
Aa #EEBBDD on #BBEFD31.28:1—

CSS variables

:root {
  --color-1: #eebbdd; /* Rosecco */
  --color-2: #fcebf4; /* Placebo Magenta */
  --color-3: #bbefd3; /* Mystery Mint */
  --color-4: #7ed89a; /* Enchanted Emerald */
  --color-5: #ebf8ef; /* Soft Petals */
}

Other schemes from Rosecco

More Very Light Pink complementary palettes

Questions

What colors go with Rosecco?

In a complementary scheme: Placebo Magenta (#FCEBF4), Mystery Mint (#BBEFD3), Enchanted Emerald (#7ED89A), Soft Petals (#EBF8EF).

What is the hex code of Rosecco?

#EEBBDD.