Vermilion Monochromatic Color Scheme

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

#661100

#AB250B

#F4320C

#F26E54

#FEAB9A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cowpeas	`#661100`	102, 17, 0	10°, 100%, 20%	0, 83, 100, 60
Salsa Picante	`#AB250B`	171, 37, 11	10°, 88%, 36%	0, 78, 94, 33
Vermilion	`#F4320C`	244, 50, 12	10°, 91%, 50%	0, 80, 95, 4
Royal Blush	`#F26E54`	242, 110, 84	10°, 86%, 64%	0, 55, 65, 5
Pink Rose Bud	`#FEAB9A`	254, 171, 154	10°, 98%, 80%	0, 33, 39, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #661100 on #FEAB9A	6.99:1	AA
Aa #661100 on #F26E54	4.34:1	AA large
Aa #AB250B on #FEAB9A	3.83:1	AA large
Aa #661100 on #F4320C	3.23:1	AA large
Aa #AB250B on #F26E54	2.38:1	—
Aa #F4320C on #FEAB9A	2.17:1	—

CSS variables

:root {
  --color-1: #661100; /* Cowpeas */
  --color-2: #ab250b; /* Salsa Picante */
  --color-3: #f4320c; /* Vermilion */
  --color-4: #f26e54; /* Royal Blush */
  --color-5: #feab9a; /* Pink Rose Bud */
}

Other schemes from Vermilion

More Medium Red monochromatic palettes

Questions

What colors go with Vermilion?

In a monochromatic scheme: Cowpeas (#661100), Salsa Picante (#AB250B), Royal Blush (#F26E54), Pink Rose Bud (#FEAB9A).

What is the hex code of Vermilion?

#F4320C.