Self-Love Complementary Color Scheme

Five colors arranged by the complementary rule around Self-Love (#D22B6D), each snapped to its nearest named color.

#D22B6D

#E86EAD

#2DD78D

#1E9167

#77EEBB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Self-Love	`#D22B6D`	210, 43, 109	336°, 66%, 50%	0, 80, 48, 18
Amaranth	`#E86EAD`	232, 110, 173	329°, 73%, 67%	0, 53, 25, 9
Envy’s Love	`#2DD78D`	45, 215, 141	154°, 68%, 51%	79, 0, 34, 16
Viridian	`#1E9167`	30, 145, 103	158°, 66%, 34%	79, 0, 29, 43
Jittery Jade	`#77EEBB`	119, 238, 187	154°, 78%, 70%	50, 0, 21, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D22B6D on #77EEBB	3.42:1	AA large
Aa #1E9167 on #77EEBB	2.78:1	—
Aa #D22B6D on #2DD78D	2.60:1	—
Aa #2DD78D on #1E9167	2.12:1	—
Aa #E86EAD on #77EEBB	2.03:1	—
Aa #D22B6D on #E86EAD	1.69:1	—

CSS variables

:root {
  --color-1: #d22b6d; /* Self-Love */
  --color-2: #e86ead; /* Amaranth */
  --color-3: #2dd78d; /* Envy’s Love */
  --color-4: #1e9167; /* Viridian */
  --color-5: #77eebb; /* Jittery Jade */
}

Other schemes from Self-Love

More Medium Pink complementary palettes

Questions

What colors go with Self-Love?

In a complementary scheme: Amaranth (#E86EAD), Envy’s Love (#2DD78D), Viridian (#1E9167), Jittery Jade (#77EEBB).

What is the hex code of Self-Love?

#D22B6D.