Huebook

Mintastic Analogous Color Scheme

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

#DDFFAA
#AAFFAA
#AFFFD5
#ACFFFC
#AADDFF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Lime Mist#DDFFAA221, 255, 17084°, 100%, 83%13, 0, 33, 095.6% 0.114 126
Creamy Mint#AAFFAA170, 255, 170120°, 100%, 83%33, 0, 33, 092.5% 0.141 144
Mintastic#AFFFD5175, 255, 213149°, 100%, 84%31, 0, 16, 093.7% 0.097 161
Frostbite#ACFFFC172, 255, 252178°, 100%, 84%33, 0, 1, 094.6% 0.081 193
Droplet#AADDFF170, 221, 255204°, 100%, 83%33, 13, 0, 087.4% 0.071 238

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DDFFAA on #AADDFF1.31:1—
Aa #ACFFFC on #AADDFF1.27:1—
Aa #AFFFD5 on #AADDFF1.25:1—
Aa #AAFFAA on #AADDFF1.21:1—
Aa #DDFFAA on #AAFFAA1.08:1—
Aa #AAFFAA on #ACFFFC1.05:1—

CSS variables

:root {
  --color-1: #ddffaa; /* Lime Mist */
  --color-2: #aaffaa; /* Creamy Mint */
  --color-3: #afffd5; /* Mintastic */
  --color-4: #acfffc; /* Frostbite */
  --color-5: #aaddff; /* Droplet */
}

Other schemes from Mintastic

More very light green analogous color schemes

Questions

What colors go with Mintastic?

In a analogous scheme: Lime Mist (#DDFFAA), Creamy Mint (#AAFFAA), Frostbite (#ACFFFC), Droplet (#AADDFF).

What is the hex code of Mintastic?

#AFFFD5.