Huebook

Mermaid’s Kiss Analogous Color Scheme

Five colors arranged by the analogous rule around Mermaid’s Kiss (#59C8A5), each snapped to its nearest named color.

#79C753
#54C571
#59C8A5
#5AB5CB
#5D76CB

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Green Flash#79C753121, 199, 83100°, 51%, 55%39, 0, 58, 2275.4% 0.170 137
Zombie Green#54C57184, 197, 113135°, 49%, 55%57, 0, 43, 2373.8% 0.158 149
Mermaid’s Kiss#59C8A589, 200, 165161°, 50%, 57%56, 0, 17, 2275.8% 0.115 170
Water Baby#5AB5CB90, 181, 203192°, 52%, 57%56, 11, 0, 2072.6% 0.092 216
Indigo Light#5D76CB93, 118, 203226°, 51%, 58%54, 42, 0, 2058.6% 0.133 270

Which pairs work for text

Text on backgroundContrastWCAG
Aa #59C8A5 on #5D76CB2.08:1—
Aa #79C753 on #5D76CB2.05:1—
Aa #54C571 on #5D76CB1.95:1—
Aa #5AB5CB on #5D76CB1.81:1—
Aa #59C8A5 on #5AB5CB1.15:1—
Aa #79C753 on #5AB5CB1.13:1—

CSS variables

:root {
  --color-1: #79c753; /* Green Flash */
  --color-2: #54c571; /* Zombie Green */
  --color-3: #59c8a5; /* Mermaid’s Kiss */
  --color-4: #5ab5cb; /* Water Baby */
  --color-5: #5d76cb; /* Indigo Light */
}

Other schemes from Mermaid’s Kiss

More medium green analogous color schemes

Questions

What colors go with Mermaid’s Kiss?

In a analogous scheme: Green Flash (#79C753), Zombie Green (#54C571), Water Baby (#5AB5CB), Indigo Light (#5D76CB).

What is the hex code of Mermaid’s Kiss?

#59C8A5.