Huebook

Sweet Mint Pesto Analogous Color Scheme

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

#EECC99
#E5E999
#BBEE99
#99EEAA
#9BEEC1

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Hummus#EECC99238, 204, 15336°, 71%, 77%0, 14, 36, 786.2% 0.076 78
Orchid Hue#E5E999229, 233, 15363°, 65%, 76%2, 0, 34, 991.3% 0.101 111
Sweet Mint Pesto#BBEE99187, 238, 15396°, 71%, 77%21, 0, 36, 789.4% 0.123 134
Mint Tonic#99EEAA153, 238, 170132°, 71%, 77%36, 0, 29, 787.7% 0.125 150
Nightly Aurora#9BEEC1155, 238, 193147°, 71%, 77%35, 0, 19, 788.4% 0.103 160

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EECC99 on #E5E9991.20:1—
Aa #EECC99 on #BBEE991.15:1—
Aa #EECC99 on #9BEEC11.12:1—
Aa #EECC99 on #99EEAA1.10:1—
Aa #E5E999 on #99EEAA1.08:1—
Aa #E5E999 on #9BEEC11.07:1—

CSS variables

:root {
  --color-1: #eecc99; /* Hummus */
  --color-2: #e5e999; /* Orchid Hue */
  --color-3: #bbee99; /* Sweet Mint Pesto */
  --color-4: #99eeaa; /* Mint Tonic */
  --color-5: #9beec1; /* Nightly Aurora */
}

Other schemes from Sweet Mint Pesto

More light green analogous color schemes

Questions

What colors go with Sweet Mint Pesto?

In a analogous scheme: Hummus (#EECC99), Orchid Hue (#E5E999), Mint Tonic (#99EEAA), Nightly Aurora (#9BEEC1).

What is the hex code of Sweet Mint Pesto?

#BBEE99.