Mandarin Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Mandarin (#F37A48), each snapped to its nearest named color.

#933709

#E6490B

#F37A48

#FBAD90

#FCE2D8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Citrine Brown	`#933709`	147, 55, 9	20°, 88%, 31%	0, 63, 94, 42
Baptism by Fire	`#E6490B`	230, 73, 11	17°, 91%, 47%	0, 68, 95, 10
Mandarin	`#F37A48`	243, 122, 72	18°, 88%, 62%	0, 50, 70, 5
Simply Coral	`#FBAD90`	251, 173, 144	16°, 93%, 77%	0, 31, 43, 2
Peach Cloud	`#FCE2D8`	252, 226, 216	17°, 86%, 92%	0, 10, 14, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #933709 on #FCE2D8	6.09:1	AA
Aa #933709 on #FBAD90	4.11:1	AA large
Aa #E6490B on #FCE2D8	3.20:1	AA large
Aa #933709 on #F37A48	2.75:1	—
Aa #F37A48 on #FCE2D8	2.21:1	—
Aa #E6490B on #FBAD90	2.16:1	—

CSS variables

:root {
  --color-1: #933709; /* Citrine Brown */
  --color-2: #e6490b; /* Baptism by Fire */
  --color-3: #f37a48; /* Mandarin */
  --color-4: #fbad90; /* Simply Coral */
  --color-5: #fce2d8; /* Peach Cloud */
}

Other schemes from Mandarin

More Light Orange monochromatic palettes

Questions

What colors go with Mandarin?

In a monochromatic scheme: Citrine Brown (#933709), Baptism by Fire (#E6490B), Simply Coral (#FBAD90), Peach Cloud (#FCE2D8).

What is the hex code of Mandarin?

#F37A48.