Vulcan Fire Triadic Color Scheme

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

#E6390D

#00E436

#3311EE

#ED8666

#119922

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vulcan Fire	`#E6390D`	230, 57, 13	12°, 89%, 48%	0, 75, 94, 10
Lexaloffle Green	`#00E436`	0, 228, 54	134°, 100%, 45%	100, 0, 76, 11
Delft Blue	`#3311EE`	51, 17, 238	249°, 87%, 50%	79, 93, 0, 7
Peachy Feeling	`#ED8666`	237, 134, 102	14°, 79%, 66%	0, 43, 57, 7
Pestering Pesto	`#119922`	17, 153, 34	128°, 80%, 33%	89, 0, 78, 40

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00E436 on #3311EE	4.95:1	AA
Aa #3311EE on #ED8666	3.34:1	AA large
Aa #E6390D on #00E436	2.45:1	—
Aa #3311EE on #119922	2.28:1	—
Aa #00E436 on #119922	2.17:1	—
Aa #E6390D on #3311EE	2.02:1	—

CSS variables

:root {
  --color-1: #e6390d; /* Vulcan Fire */
  --color-2: #00e436; /* Lexaloffle Green */
  --color-3: #3311ee; /* Delft Blue */
  --color-4: #ed8666; /* Peachy Feeling */
  --color-5: #119922; /* Pestering Pesto */
}

Other schemes from Vulcan Fire

More Medium Red triadic palettes

Questions

What colors go with Vulcan Fire?

In a triadic scheme: Lexaloffle Green (#00E436), Delft Blue (#3311EE), Peachy Feeling (#ED8666), Pestering Pesto (#119922).

What is the hex code of Vulcan Fire?

#E6390D.