Mermaid’s Kiss Monochromatic Color Scheme

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

#246453

#30A877

#59C8A5

#92DBC4

#CEEFE4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Embracing	`#246453`	36, 100, 83	164°, 47%, 27%	64, 0, 17, 61
Cosmic Green	`#30A877`	48, 168, 119	156°, 56%, 42%	71, 0, 29, 34
Mermaid’s Kiss	`#59C8A5`	89, 200, 165	161°, 50%, 57%	56, 0, 17, 22
Monet Vert	`#92DBC4`	146, 219, 196	161°, 50%, 72%	33, 0, 11, 14
Hummingbird	`#CEEFE4`	206, 239, 228	160°, 51%, 87%	14, 0, 5, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #246453 on #CEEFE4	5.65:1	AA
Aa #246453 on #92DBC4	4.35:1	AA large
Aa #246453 on #59C8A5	3.38:1	AA large
Aa #30A877 on #CEEFE4	2.44:1	—
Aa #246453 on #30A877	2.31:1	—
Aa #30A877 on #92DBC4	1.88:1	—

CSS variables

:root {
  --color-1: #246453; /* Embracing */
  --color-2: #30a877; /* Cosmic Green */
  --color-3: #59c8a5; /* Mermaid’s Kiss */
  --color-4: #92dbc4; /* Monet Vert */
  --color-5: #ceefe4; /* Hummingbird */
}

Other schemes from Mermaid’s Kiss

More Medium Green monochromatic palettes

Questions

What colors go with Mermaid’s Kiss?

In a monochromatic scheme: Embracing (#246453), Cosmic Green (#30A877), Monet Vert (#92DBC4), Hummingbird (#CEEFE4).

What is the hex code of Mermaid’s Kiss?

#59C8A5.