Huebook

Mint to Be Complementary Color Scheme

Five colors arranged by the complementary rule around Mint to Be (#98FF97), each snapped to its nearest named color.

#98FF97
#E7FBEC
#FF99FF
#FF44FF
#FFEBFE

Color names and codes

NameHEXRGBHSLCMYK
Mint to Be#98FF97152, 255, 151119°, 100%, 80%40, 0, 41, 0
Winter Mist#E7FBEC231, 251, 236135°, 71%, 95%8, 0, 6, 2
Pinkalicious#FF99FF255, 153, 255300°, 100%, 80%0, 40, 0, 0
Sicilia Bougainvillaea#FF44FF255, 68, 255300°, 100%, 63%0, 73, 0, 0
Fairy Bubblegum Cloud#FFEBFE255, 235, 254303°, 100%, 96%0, 8, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E7FBEC on #FF44FF2.58:1—
Aa #FF44FF on #FFEBFE2.47:1—
Aa #98FF97 on #FF44FF2.27:1—
Aa #E7FBEC on #FF99FF1.72:1—
Aa #FF99FF on #FFEBFE1.65:1—
Aa #98FF97 on #FF99FF1.52:1—

CSS variables

:root {
  --color-1: #98ff97; /* Mint to Be */
  --color-2: #e7fbec; /* Winter Mist */
  --color-3: #ff99ff; /* Pinkalicious */
  --color-4: #ff44ff; /* Sicilia Bougainvillaea */
  --color-5: #ffebfe; /* Fairy Bubblegum Cloud */
}

Other schemes from Mint to Be

More Light Green complementary palettes

Questions

What colors go with Mint to Be?

In a complementary scheme: Winter Mist (#E7FBEC), Pinkalicious (#FF99FF), Sicilia Bougainvillaea (#FF44FF), Fairy Bubblegum Cloud (#FFEBFE).

What is the hex code of Mint to Be?

#98FF97.