Wasabi Complementary Color Scheme

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

#AFD77F

#DAECC5

#B57EDC

#7442C8

#DACEE8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Wasabi	`#AFD77F`	175, 215, 127	87°, 52%, 67%	19, 0, 41, 16
Greenette	`#DAECC5`	218, 236, 197	88°, 51%, 85%	8, 0, 17, 7
Lavender Blossom	`#B57EDC`	181, 126, 220	275°, 57%, 68%	18, 43, 0, 14
Purple Rain	`#7442C8`	116, 66, 200	262°, 55%, 52%	42, 67, 0, 22
Plum’s the Word	`#DACEE8`	218, 206, 232	268°, 36%, 86%	6, 11, 0, 9

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DAECC5 on #7442C8	5.00:1	AA
Aa #7442C8 on #DACEE8	4.16:1	AA large
Aa #AFD77F on #7442C8	3.83:1	AA large
Aa #DAECC5 on #B57EDC	2.40:1	—
Aa #B57EDC on #7442C8	2.08:1	—
Aa #B57EDC on #DACEE8	2.00:1	—

CSS variables

:root {
  --color-1: #afd77f; /* Wasabi */
  --color-2: #daecc5; /* Greenette */
  --color-3: #b57edc; /* Lavender Blossom */
  --color-4: #7442c8; /* Purple Rain */
  --color-5: #dacee8; /* Plum’s the Word */
}

Other schemes from Wasabi

More Light Green complementary palettes

Questions

What colors go with Wasabi?

In a complementary scheme: Greenette (#DAECC5), Lavender Blossom (#B57EDC), Purple Rain (#7442C8), Plum’s the Word (#DACEE8).

What is the hex code of Wasabi?

#AFD77F.