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

NameHEXRGBHSLCMYKOKLCH
Green Shimmer#CCFD7F204, 253, 12783°, 97%, 75%19, 0, 50, 193.4% 0.163 127
Easter Green#8CFD7E140, 253, 126113°, 97%, 74%45, 0, 50, 189.9% 0.195 142
Mint Bliss#7EFFBA126, 255, 186148°, 100%, 75%51, 0, 27, 090.8% 0.151 158
Electric Blue#7DF9FF125, 249, 255183°, 100%, 75%51, 2, 0, 091.3% 0.111 200
Maya Blue#73C2FB115, 194, 251205°, 94%, 72%54, 23, 0, 278.5% 0.113 242

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 color schemes

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.