Inchworm Complementary Color Scheme

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

#B2EC5D

#D9EEB4

#955AF2

#661AEE

#D8B8F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Inchworm	`#B2EC5D`	178, 236, 93	84°, 79%, 65%	25, 0, 61, 7
Chicon	`#D9EEB4`	217, 238, 180	82°, 63%, 82%	9, 0, 24, 7
Forgotten Kyawthuite	`#955AF2`	149, 90, 242	263°, 85%, 65%	38, 63, 0, 5
Purple Blue	`#661AEE`	102, 26, 238	262°, 86%, 52%	57, 89, 0, 7
Pink Illusion	`#D8B8F8`	216, 184, 248	270°, 82%, 85%	13, 26, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D9EEB4 on #661AEE	5.71:1	AA
Aa #B2EC5D on #661AEE	5.11:1	AA
Aa #661AEE on #D8B8F8	4.12:1	AA large
Aa #D9EEB4 on #955AF2	3.35:1	AA large
Aa #B2EC5D on #955AF2	3.00:1	—
Aa #955AF2 on #D8B8F8	2.42:1	—

CSS variables

:root {
  --color-1: #b2ec5d; /* Inchworm */
  --color-2: #d9eeb4; /* Chicon */
  --color-3: #955af2; /* Forgotten Kyawthuite */
  --color-4: #661aee; /* Purple Blue */
  --color-5: #d8b8f8; /* Pink Illusion */
}

Other schemes from Inchworm

More Light Green complementary palettes

Questions

What colors go with Inchworm?

In a complementary scheme: Chicon (#D9EEB4), Forgotten Kyawthuite (#955AF2), Purple Blue (#661AEE), Pink Illusion (#D8B8F8).

What is the hex code of Inchworm?

#B2EC5D.