Yellow Green Complementary Color Scheme

Five colors arranged by the complementary rule around Yellow Green (#9ACD32), each snapped to its nearest named color.

#9ACD32

#AFD77F

#6A31CA

#442288

#B195E4

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Yellow Green	`#9ACD32`	154, 205, 50	80°, 61%, 50%	25, 0, 76, 20	78.5% 0.184 127
Wasabi	`#AFD77F`	175, 215, 127	87°, 52%, 67%	19, 0, 41, 16	83.0% 0.123 129
Sagat Purple	`#6A31CA`	106, 49, 202	262°, 61%, 49%	48, 76, 0, 21	48.2% 0.218 293
Galactic Civilization	`#442288`	68, 34, 136	260°, 60%, 33%	50, 75, 0, 47	36.4% 0.158 292
Dreamy Candy Forest	`#B195E4`	177, 149, 228	261°, 59%, 74%	22, 35, 0, 11	72.5% 0.116 300

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AFD77F on #442288	7.02:1	AAA
Aa #9ACD32 on #442288	6.09:1	AA
Aa #442288 on #B195E4	4.53:1	AA
Aa #AFD77F on #6A31CA	4.42:1	AA large
Aa #9ACD32 on #6A31CA	3.84:1	AA large
Aa #6A31CA on #B195E4	2.85:1	—

CSS variables

:root {
  --color-1: #9acd32; /* Yellow Green */
  --color-2: #afd77f; /* Wasabi */
  --color-3: #6a31ca; /* Sagat Purple */
  --color-4: #442288; /* Galactic Civilization */
  --color-5: #b195e4; /* Dreamy Candy Forest */
}

Other schemes from Yellow Green

More medium green complementary color schemes

Questions

What colors go with Yellow Green?

In a complementary scheme: Wasabi (#AFD77F), Sagat Purple (#6A31CA), Galactic Civilization (#442288), Dreamy Candy Forest (#B195E4).

What is the hex code of Yellow Green?

#9ACD32.