Quercitron Tetradic Color Scheme

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

#E5B03D

#2DFE54

#3C69E7

#E03FD8

#F0D696

Color names and codes

Name	HEX	RGB	HSL	CMYK
Quercitron	`#E5B03D`	229, 176, 61	41°, 76%, 57%	0, 23, 73, 10
Bright Light Green	`#2DFE54`	45, 254, 84	131°, 99%, 59%	82, 0, 67, 0
Bluetiful	`#3C69E7`	60, 105, 231	224°, 78%, 57%	74, 55, 0, 9
Méi Gūi Zǐ Purple	`#E03FD8`	224, 63, 216	303°, 72%, 56%	0, 72, 4, 12
Straw Yellow	`#F0D696`	240, 214, 150	43°, 75%, 76%	0, 11, 37, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2DFE54 on #3C69E7	3.53:1	AA large
Aa #3C69E7 on #F0D696	3.38:1	AA large
Aa #2DFE54 on #E03FD8	2.63:1	—
Aa #E03FD8 on #F0D696	2.51:1	—
Aa #E5B03D on #3C69E7	2.43:1	—
Aa #E5B03D on #E03FD8	1.81:1	—

CSS variables

:root {
  --color-1: #e5b03d; /* Quercitron */
  --color-2: #2dfe54; /* Bright Light Green */
  --color-3: #3c69e7; /* Bluetiful */
  --color-4: #e03fd8; /* Méi Gūi Zǐ Purple */
  --color-5: #f0d696; /* Straw Yellow */
}

Other schemes from Quercitron

More Medium Orange tetradic palettes

Questions

What colors go with Quercitron?

In a tetradic scheme: Bright Light Green (#2DFE54), Bluetiful (#3C69E7), Méi Gūi Zǐ Purple (#E03FD8), Straw Yellow (#F0D696).

What is the hex code of Quercitron?

#E5B03D.