Magentarama Tetradic Color Scheme

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

#CF3476

#C8CD37

#2DD78D

#5533CC

#E585A5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Magentarama	`#CF3476`	207, 52, 118	334°, 62%, 51%	0, 75, 43, 19
Yellow-Green Grosbeak	`#C8CD37`	200, 205, 55	62°, 60%, 51%	2, 0, 73, 20
Envy’s Love	`#2DD78D`	45, 215, 141	154°, 68%, 51%	79, 0, 34, 16
Grape Hyacinth	`#5533CC`	85, 51, 204	253°, 60%, 50%	58, 75, 0, 20
Rose Glory	`#E585A5`	229, 133, 165	340°, 65%, 71%	0, 42, 28, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C8CD37 on #5533CC	4.48:1	AA large
Aa #2DD78D on #5533CC	4.11:1	AA large
Aa #5533CC on #E585A5	3.01:1	AA large
Aa #CF3476 on #C8CD37	2.78:1	—
Aa #CF3476 on #2DD78D	2.55:1	—
Aa #CF3476 on #E585A5	1.87:1	—

CSS variables

:root {
  --color-1: #cf3476; /* Magentarama */
  --color-2: #c8cd37; /* Yellow-Green Grosbeak */
  --color-3: #2dd78d; /* Envy’s Love */
  --color-4: #5533cc; /* Grape Hyacinth */
  --color-5: #e585a5; /* Rose Glory */
}

Other schemes from Magentarama

More Medium Pink tetradic palettes

Questions

What colors go with Magentarama?

In a tetradic scheme: Yellow-Green Grosbeak (#C8CD37), Envy’s Love (#2DD78D), Grape Hyacinth (#5533CC), Rose Glory (#E585A5).

What is the hex code of Magentarama?

#CF3476.