Pea Tetradic Color Scheme

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

#A4BF20

#22BB88

#2425B9

#BB2255

#DDE26A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pea	`#A4BF20`	164, 191, 32	70°, 71%, 44%	14, 0, 83, 25
Vegan	`#22BB88`	34, 187, 136	160°, 69%, 43%	82, 0, 27, 27
Sapphire Splendour	`#2425B9`	36, 37, 185	240°, 67%, 43%	81, 80, 0, 27
Raven’s Banquet	`#BB2255`	187, 34, 85	340°, 69%, 43%	0, 82, 55, 27
Green Glitter	`#DDE26A`	221, 226, 106	62°, 67%, 65%	2, 0, 53, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2425B9 on #DDE26A	7.43:1	AAA
Aa #A4BF20 on #2425B9	4.93:1	AA
Aa #BB2255 on #DDE26A	4.37:1	AA large
Aa #22BB88 on #2425B9	4.18:1	AA large
Aa #A4BF20 on #BB2255	2.89:1	—
Aa #22BB88 on #BB2255	2.46:1	—

CSS variables

:root {
  --color-1: #a4bf20; /* Pea */
  --color-2: #22bb88; /* Vegan */
  --color-3: #2425b9; /* Sapphire Splendour */
  --color-4: #bb2255; /* Raven’s Banquet */
  --color-5: #dde26a; /* Green Glitter */
}

Other schemes from Pea

More Medium Green tetradic palettes

Questions

What colors go with Pea?

In a tetradic scheme: Vegan (#22BB88), Sapphire Splendour (#2425B9), Raven’s Banquet (#BB2255), Green Glitter (#DDE26A).

What is the hex code of Pea?

#A4BF20.