Bejewelled Complementary Color Scheme

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

#25A26F

#5CCD97

#A22452

#6F123C

#CC5588

Color names and codes

Name	HEX	RGB	HSL	CMYK
Bejewelled	`#25A26F`	37, 162, 111	156°, 63%, 39%	77, 0, 31, 36
Vegetation	`#5CCD97`	92, 205, 151	151°, 53%, 58%	55, 0, 26, 20
Cherries Jubilee	`#A22452`	162, 36, 82	338°, 64%, 39%	0, 78, 49, 36
Her Fierceness	`#6F123C`	111, 18, 60	333°, 72%, 25%	0, 84, 46, 56
Pretty in Plum	`#CC5588`	204, 85, 136	334°, 54%, 57%	0, 58, 33, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5CCD97 on #6F123C	5.82:1	AA
Aa #5CCD97 on #A22452	3.65:1	AA large
Aa #25A26F on #6F123C	3.54:1	AA large
Aa #6F123C on #CC5588	2.86:1	—
Aa #25A26F on #A22452	2.23:1	—
Aa #5CCD97 on #CC5588	2.04:1	—

CSS variables

:root {
  --color-1: #25a26f; /* Bejewelled */
  --color-2: #5ccd97; /* Vegetation */
  --color-3: #a22452; /* Cherries Jubilee */
  --color-4: #6f123c; /* Her Fierceness */
  --color-5: #cc5588; /* Pretty in Plum */
}

Other schemes from Bejewelled

More Dark Green complementary palettes

Questions

What colors go with Bejewelled?

In a complementary scheme: Vegetation (#5CCD97), Cherries Jubilee (#A22452), Her Fierceness (#6F123C), Pretty in Plum (#CC5588).

What is the hex code of Bejewelled?

#25A26F.