Huebook

Mint to Be Analogous Color Scheme

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

#FDFD96
#C1FD95
#98FF97
#96FBC4
#99FFFF

Color names and codes

NameHEXRGBHSLCMYK
Pastel Yellow#FDFD96253, 253, 15060°, 96%, 79%0, 0, 41, 1
Celery Mousse#C1FD95193, 253, 14995°, 96%, 79%24, 0, 41, 1
Mint to Be#98FF97152, 255, 151119°, 100%, 80%40, 0, 41, 0
Lemon Gate#96FBC4150, 251, 196147°, 93%, 79%40, 0, 22, 2
Glitchy Shader Blue#99FFFF153, 255, 255180°, 100%, 80%40, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FDFD96 on #96FBC41.16:1—
Aa #FDFD96 on #98FF971.15:1—
Aa #FDFD96 on #C1FD951.11:1—
Aa #FDFD96 on #99FFFF1.09:1—
Aa #96FBC4 on #99FFFF1.07:1—
Aa #98FF97 on #99FFFF1.06:1—

CSS variables

:root {
  --color-1: #fdfd96; /* Pastel Yellow */
  --color-2: #c1fd95; /* Celery Mousse */
  --color-3: #98ff97; /* Mint to Be */
  --color-4: #96fbc4; /* Lemon Gate */
  --color-5: #99ffff; /* Glitchy Shader Blue */
}

Other schemes from Mint to Be

More Light Green analogous palettes

Questions

What colors go with Mint to Be?

In a analogous scheme: Pastel Yellow (#FDFD96), Celery Mousse (#C1FD95), Lemon Gate (#96FBC4), Glitchy Shader Blue (#99FFFF).

What is the hex code of Mint to Be?

#98FF97.