Vermilion Triadic Color Scheme

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

#F4320C

#16F12D

#3311EE

#FA8970

#00AA22

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vermilion	`#F4320C`	244, 50, 12	10°, 91%, 50%	0, 80, 95, 4
Dangerously Green	`#16F12D`	22, 241, 45	126°, 89%, 52%	91, 0, 81, 5
Delft Blue	`#3311EE`	51, 17, 238	249°, 87%, 50%	79, 93, 0, 7
Fruit Red	`#FA8970`	250, 137, 112	11°, 93%, 71%	0, 45, 55, 2
Kobra Khan	`#00AA22`	0, 170, 34	132°, 100%, 33%	100, 0, 80, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #16F12D on #3311EE	5.56:1	AA
Aa #3311EE on #FA8970	3.62:1	AA large
Aa #3311EE on #00AA22	2.76:1	—
Aa #F4320C on #16F12D	2.57:1	—
Aa #F4320C on #3311EE	2.16:1	—
Aa #16F12D on #00AA22	2.02:1	—

CSS variables

:root {
  --color-1: #f4320c; /* Vermilion */
  --color-2: #16f12d; /* Dangerously Green */
  --color-3: #3311ee; /* Delft Blue */
  --color-4: #fa8970; /* Fruit Red */
  --color-5: #00aa22; /* Kobra Khan */
}

Other schemes from Vermilion

More Medium Red triadic palettes

Questions

What colors go with Vermilion?

In a triadic scheme: Dangerously Green (#16F12D), Delft Blue (#3311EE), Fruit Red (#FA8970), Kobra Khan (#00AA22).

What is the hex code of Vermilion?

#F4320C.