Quercitron Complementary Color Scheme

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

#E5B03D

#F1D28C

#3C69E7

#1651BD

#8AADF7

Color names and codes

Name	HEX	RGB	HSL	CMYK
Quercitron	`#E5B03D`	229, 176, 61	41°, 76%, 57%	0, 23, 73, 10
Sienna Yellow	`#F1D28C`	241, 210, 140	42°, 78%, 75%	0, 13, 42, 5
Bluetiful	`#3C69E7`	60, 105, 231	224°, 78%, 57%	74, 55, 0, 9
Mourning Blue	`#1651BD`	22, 81, 189	219°, 79%, 41%	88, 57, 0, 26
Kitten’s Eye	`#8AADF7`	138, 173, 247	221°, 87%, 75%	44, 30, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1D28C on #1651BD	4.87:1	AA
Aa #E5B03D on #1651BD	3.60:1	AA large
Aa #F1D28C on #3C69E7	3.28:1	AA large
Aa #1651BD on #8AADF7	3.19:1	AA large
Aa #E5B03D on #3C69E7	2.43:1	—
Aa #3C69E7 on #8AADF7	2.15:1	—

CSS variables

:root {
  --color-1: #e5b03d; /* Quercitron */
  --color-2: #f1d28c; /* Sienna Yellow */
  --color-3: #3c69e7; /* Bluetiful */
  --color-4: #1651bd; /* Mourning Blue */
  --color-5: #8aadf7; /* Kitten’s Eye */
}

Other schemes from Quercitron

More Medium Orange complementary palettes

Questions

What colors go with Quercitron?

In a complementary scheme: Sienna Yellow (#F1D28C), Bluetiful (#3C69E7), Mourning Blue (#1651BD), Kitten’s Eye (#8AADF7).

What is the hex code of Quercitron?

#E5B03D.