Lime Complementary Color Scheme

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

#AAFF32

#C2FF89

#9437FF

#5D06E9

#CC99FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lime	`#AAFF32`	170, 255, 50	85°, 100%, 60%	33, 0, 80, 0
Light Yellowish Green	`#C2FF89`	194, 255, 137	91°, 100%, 77%	24, 0, 46, 0
Sugar Grape	`#9437FF`	148, 55, 255	268°, 100%, 61%	42, 78, 0, 0
Gonzo Violet	`#5D06E9`	93, 6, 233	263°, 95%, 47%	60, 97, 0, 9
Lilás	`#CC99FF`	204, 153, 255	270°, 100%, 80%	20, 40, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C2FF89 on #5D06E9	6.73:1	AA
Aa #AAFF32 on #5D06E9	6.39:1	AA
Aa #C2FF89 on #9437FF	4.23:1	AA large
Aa #AAFF32 on #9437FF	4.01:1	AA large
Aa #5D06E9 on #CC99FF	3.59:1	AA large
Aa #9437FF on #CC99FF	2.25:1	—

CSS variables

:root {
  --color-1: #aaff32; /* Lime */
  --color-2: #c2ff89; /* Light Yellowish Green */
  --color-3: #9437ff; /* Sugar Grape */
  --color-4: #5d06e9; /* Gonzo Violet */
  --color-5: #cc99ff; /* Lilás */
}

Other schemes from Lime

More Medium Green complementary palettes

Questions

What colors go with Lime?

In a complementary scheme: Light Yellowish Green (#C2FF89), Sugar Grape (#9437FF), Gonzo Violet (#5D06E9), Lilás (#CC99FF).

What is the hex code of Lime?

#AAFF32.