Pea Complementary Color Scheme

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

#A4BF20

#D9E650

#2425B9

#221177

#7B68EE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pea	`#A4BF20`	164, 191, 32	70°, 71%, 44%	14, 0, 83, 25
Maximum Green Yellow	`#D9E650`	217, 230, 80	65°, 75%, 61%	6, 0, 65, 10
Sapphire Splendour	`#2425B9`	36, 37, 185	240°, 67%, 43%	81, 80, 0, 27
Outer Rim	`#221177`	34, 17, 119	250°, 75%, 27%	71, 86, 0, 53
Medium Slate Blue	`#7B68EE`	123, 104, 238	249°, 80%, 67%	48, 56, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D9E650 on #221177	10.88:1	AAA
Aa #D9E650 on #2425B9	7.54:1	AAA
Aa #A4BF20 on #221177	7.11:1	AAA
Aa #A4BF20 on #2425B9	4.93:1	AA
Aa #221177 on #7B68EE	3.57:1	AA large
Aa #D9E650 on #7B68EE	3.04:1	AA large

CSS variables

:root {
  --color-1: #a4bf20; /* Pea */
  --color-2: #d9e650; /* Maximum Green Yellow */
  --color-3: #2425b9; /* Sapphire Splendour */
  --color-4: #221177; /* Outer Rim */
  --color-5: #7b68ee; /* Medium Slate Blue */
}

Other schemes from Pea

More Medium Green complementary palettes

Questions

What colors go with Pea?

In a complementary scheme: Maximum Green Yellow (#D9E650), Sapphire Splendour (#2425B9), Outer Rim (#221177), Medium Slate Blue (#7B68EE).

What is the hex code of Pea?

#A4BF20.