Juicy Lime Complementary Color Scheme

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

#B1CF5D

#D9E6A6

#6D5ACF

#5930A9

#ACACE6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Juicy Lime	`#B1CF5D`	177, 207, 93	76°, 54%, 59%	14, 0, 55, 19
Mermaid Tears	`#D9E6A6`	217, 230, 166	72°, 56%, 78%	6, 0, 28, 10
Astro Purple	`#6D5ACF`	109, 90, 207	250°, 55%, 58%	47, 57, 0, 19
Royalty	`#5930A9`	89, 48, 169	260°, 56%, 43%	47, 72, 0, 34
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D9E6A6 on #5930A9	6.54:1	AA
Aa #B1CF5D on #5930A9	4.94:1	AA
Aa #5930A9 on #ACACE6	4.05:1	AA large
Aa #D9E6A6 on #6D5ACF	3.94:1	AA large
Aa #B1CF5D on #6D5ACF	2.98:1	—
Aa #6D5ACF on #ACACE6	2.44:1	—

CSS variables

:root {
  --color-1: #b1cf5d; /* Juicy Lime */
  --color-2: #d9e6a6; /* Mermaid Tears */
  --color-3: #6d5acf; /* Astro Purple */
  --color-4: #5930a9; /* Royalty */
  --color-5: #acace6; /* Maximum Blue Purple */
}

Other schemes from Juicy Lime

More Medium Green complementary palettes

Questions

What colors go with Juicy Lime?

In a complementary scheme: Mermaid Tears (#D9E6A6), Astro Purple (#6D5ACF), Royalty (#5930A9), Maximum Blue Purple (#ACACE6).

What is the hex code of Juicy Lime?

#B1CF5D.