Magentarama Complementary Color Scheme

Five colors arranged by the complementary rule around Magentarama (#CF3476), each snapped to its nearest named color.

#CF3476

#E47CB8

#2DD78D

#229966

#8BE0BA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Magentarama	`#CF3476`	207, 52, 118	334°, 62%, 51%	0, 75, 43, 19
Fuchsia Blush	`#E47CB8`	228, 124, 184	325°, 66%, 69%	0, 46, 19, 11
Envy’s Love	`#2DD78D`	45, 215, 141	154°, 68%, 51%	79, 0, 34, 16
Starship Trooper	`#229966`	34, 153, 102	154°, 64%, 37%	78, 0, 33, 40
Sprig of Mint	`#8BE0BA`	139, 224, 186	153°, 58%, 71%	38, 0, 17, 12

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CF3476 on #8BE0BA	3.06:1	AA large
Aa #CF3476 on #2DD78D	2.55:1	—
Aa #229966 on #8BE0BA	2.32:1	—
Aa #2DD78D on #229966	1.93:1	—
Aa #CF3476 on #E47CB8	1.79:1	—
Aa #E47CB8 on #8BE0BA	1.71:1	—

CSS variables

:root {
  --color-1: #cf3476; /* Magentarama */
  --color-2: #e47cb8; /* Fuchsia Blush */
  --color-3: #2dd78d; /* Envy’s Love */
  --color-4: #229966; /* Starship Trooper */
  --color-5: #8be0ba; /* Sprig of Mint */
}

Other schemes from Magentarama

More Medium Pink complementary palettes

Questions

What colors go with Magentarama?

In a complementary scheme: Fuchsia Blush (#E47CB8), Envy’s Love (#2DD78D), Starship Trooper (#229966), Sprig of Mint (#8BE0BA).

What is the hex code of Magentarama?

#CF3476.