Huebook

Mochito Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Mochito (#8EFA00), each snapped to its nearest named color.

#376D03
#66AA00
#8EFA00
#A6FD44
#C1FD95

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Tatzelwurm Green#376D0355, 109, 391°, 95%, 22%50, 0, 97, 5747.8% 0.138 135
Appetising Asparagus#66AA00102, 170, 084°, 100%, 33%40, 0, 100, 3366.6% 0.186 132
Mochito#8EFA00142, 250, 086°, 100%, 49%43, 0, 100, 288.5% 0.253 134
Mindful Green#A6FD44166, 253, 6888°, 98%, 63%34, 0, 73, 190.6% 0.225 132
Celery Mousse#C1FD95193, 253, 14995°, 96%, 79%24, 0, 41, 193.0% 0.147 133

Which pairs work for text

Text on backgroundContrastWCAG
Aa #376D03 on #C1FD955.30:1AA
Aa #376D03 on #A6FD445.00:1AA
Aa #376D03 on #8EFA004.72:1AA
Aa #66AA00 on #C1FD952.43:1—
Aa #66AA00 on #A6FD442.29:1—
Aa #376D03 on #66AA002.18:1—

CSS variables

:root {
  --color-1: #376d03; /* Tatzelwurm Green */
  --color-2: #66aa00; /* Appetising Asparagus */
  --color-3: #8efa00; /* Mochito */
  --color-4: #a6fd44; /* Mindful Green */
  --color-5: #c1fd95; /* Celery Mousse */
}

Other schemes from Mochito

More medium green monochromatic color schemes

Questions

What colors go with Mochito?

In a monochromatic scheme: Tatzelwurm Green (#376D03), Appetising Asparagus (#66AA00), Mindful Green (#A6FD44), Celery Mousse (#C1FD95).

What is the hex code of Mochito?

#8EFA00.