Huebook

Mellow Mint Analogous Color Scheme

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

#EBCEBD
#EDE5BC
#DDEDBD
#C2ECBC
#BBEFD3

Color names and codes

NameHEXRGBHSLCMYK
Golden Pop#EBCEBD235, 206, 18922°, 53%, 83%0, 12, 20, 8
Slices of Happy#EDE5BC237, 229, 18850°, 58%, 83%0, 3, 21, 7
Mellow Mint#DDEDBD221, 237, 18980°, 57%, 84%7, 0, 20, 7
Lime Dream#C2ECBC194, 236, 188113°, 56%, 83%18, 0, 20, 7
Mystery Mint#BBEFD3187, 239, 211148°, 62%, 84%22, 0, 12, 6

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EBCEBD on #DDEDBD1.20:1—
Aa #EBCEBD on #EDE5BC1.17:1—
Aa #EBCEBD on #BBEFD31.16:1—
Aa #EBCEBD on #C2ECBC1.14:1—
Aa #DDEDBD on #C2ECBC1.06:1—
Aa #EDE5BC on #C2ECBC1.03:1—

CSS variables

:root {
  --color-1: #ebcebd; /* Golden Pop */
  --color-2: #ede5bc; /* Slices of Happy */
  --color-3: #ddedbd; /* Mellow Mint */
  --color-4: #c2ecbc; /* Lime Dream */
  --color-5: #bbefd3; /* Mystery Mint */
}

Other schemes from Mellow Mint

More Very Light Green analogous palettes

Questions

What colors go with Mellow Mint?

In a analogous scheme: Golden Pop (#EBCEBD), Slices of Happy (#EDE5BC), Lime Dream (#C2ECBC), Mystery Mint (#BBEFD3).

What is the hex code of Mellow Mint?

#DDEDBD.