Mermaid’s Kiss Triadic Color Scheme

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

#59C8A5

#A259CE

#CCA65B

#AAE1CE

#7733AA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mermaid’s Kiss	`#59C8A5`	89, 200, 165	161°, 50%, 57%	56, 0, 17, 22
Ripe Lavander	`#A259CE`	162, 89, 206	277°, 54%, 58%	21, 57, 0, 19
Excitable	`#CCA65B`	204, 166, 91	40°, 53%, 58%	0, 19, 55, 20
Meristem	`#AAE1CE`	170, 225, 206	159°, 48%, 77%	24, 0, 8, 12
Purple Pristine	`#7733AA`	119, 51, 170	274°, 54%, 43%	30, 70, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AAE1CE on #7733AA	5.06:1	AA
Aa #59C8A5 on #7733AA	3.60:1	AA large
Aa #CCA65B on #7733AA	3.23:1	AA large
Aa #A259CE on #AAE1CE	2.96:1	—
Aa #59C8A5 on #A259CE	2.11:1	—
Aa #A259CE on #CCA65B	1.89:1	—

CSS variables

:root {
  --color-1: #59c8a5; /* Mermaid’s Kiss */
  --color-2: #a259ce; /* Ripe Lavander */
  --color-3: #cca65b; /* Excitable */
  --color-4: #aae1ce; /* Meristem */
  --color-5: #7733aa; /* Purple Pristine */
}

Other schemes from Mermaid’s Kiss

#59C8A5
#99DDCC
#C6577C
#A53756
#E3A4B8
Mermaid’s Kiss Complementary Color Scheme
#79C753
#54C571
#59C8A5
#5AB5CB
#5D76CB
Mermaid’s Kiss Analogous Color Scheme
#59C8A5
#CE5DAE
#CA6C56
#30A877
#D39BCB
Mermaid’s Kiss Split-complementary Color Scheme
#59C8A5
#6A5ACD
#C6577C
#B9CB5A
#AAE1CE
Mermaid’s Kiss Tetradic Color Scheme
#246453
#30A877
#59C8A5
#92DBC4
#CEEFE4
Mermaid’s Kiss Monochromatic Color Scheme

More Medium Green triadic palettes

Questions

What colors go with Mermaid’s Kiss?

In a triadic scheme: Ripe Lavander (#A259CE), Excitable (#CCA65B), Meristem (#AAE1CE), Purple Pristine (#7733AA).

What is the hex code of Mermaid’s Kiss?

#59C8A5.