Frog Prince Complementary Color Scheme

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

#BBD75A

#D9E6A6

#6D5ACF

#4E32B2

#ACACE6

Color names and codes

Name	HEX	RGB	HSL	CMYK
Frog Prince	`#BBD75A`	187, 215, 90	73°, 61%, 60%	13, 0, 58, 16
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
Blue Violet	`#4E32B2`	78, 50, 178	253°, 56%, 45%	56, 72, 0, 30
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 #4E32B2	6.53:1	AA
Aa #BBD75A on #4E32B2	5.36:1	AA
Aa #4E32B2 on #ACACE6	4.04:1	AA large
Aa #D9E6A6 on #6D5ACF	3.94:1	AA large
Aa #BBD75A on #6D5ACF	3.23:1	AA large
Aa #6D5ACF on #ACACE6	2.44:1	—

CSS variables

:root {
  --color-1: #bbd75a; /* Frog Prince */
  --color-2: #d9e6a6; /* Mermaid Tears */
  --color-3: #6d5acf; /* Astro Purple */
  --color-4: #4e32b2; /* Blue Violet */
  --color-5: #acace6; /* Maximum Blue Purple */
}

Other schemes from Frog Prince

More Medium Green complementary palettes

Questions

What colors go with Frog Prince?

In a complementary scheme: Mermaid Tears (#D9E6A6), Astro Purple (#6D5ACF), Blue Violet (#4E32B2), Maximum Blue Purple (#ACACE6).

What is the hex code of Frog Prince?

#BBD75A.