Huebook

Mint Bliss Analogous Color Scheme

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

#CCFD7F
#8CFD7E
#7EFFBA
#7DF9FF
#73C2FB

Color names and codes

NameHEXRGBHSLCMYK
Green Shimmer#CCFD7F204, 253, 12783°, 97%, 75%19, 0, 50, 1
Easter Green#8CFD7E140, 253, 126113°, 97%, 74%45, 0, 50, 1
Mint Bliss#7EFFBA126, 255, 186148°, 100%, 75%51, 0, 27, 0
Electric Blue#7DF9FF125, 249, 255183°, 100%, 75%51, 2, 0, 0
Maya Blue#73C2FB115, 194, 251205°, 94%, 72%54, 23, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CCFD7F on #73C2FB1.65:1—
Aa #7EFFBA on #73C2FB1.56:1—
Aa #7DF9FF on #73C2FB1.56:1—
Aa #8CFD7E on #73C2FB1.52:1—
Aa #CCFD7F on #8CFD7E1.09:1—
Aa #CCFD7F on #7DF9FF1.06:1—

CSS variables

:root {
  --color-1: #ccfd7f; /* Green Shimmer */
  --color-2: #8cfd7e; /* Easter Green */
  --color-3: #7effba; /* Mint Bliss */
  --color-4: #7df9ff; /* Electric Blue */
  --color-5: #73c2fb; /* Maya Blue */
}

Other schemes from Mint Bliss

More Light Green analogous palettes

Questions

What colors go with Mint Bliss?

In a analogous scheme: Green Shimmer (#CCFD7F), Easter Green (#8CFD7E), Electric Blue (#7DF9FF), Maya Blue (#73C2FB).

What is the hex code of Mint Bliss?

#7EFFBA.