Boiling Magma Triadic Color Scheme

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

#FF3300

#00FF33

#3F00FF

#FF8866

#00BB22

Color names and codes

Name	HEX	RGB	HSL	CMYK
Boiling Magma	`#FF3300`	255, 51, 0	12°, 100%, 50%	0, 80, 100, 0
Lucent Lime	`#00FF33`	0, 255, 51	132°, 100%, 50%	100, 0, 80, 0
Electric Ultramarine	`#3F00FF`	63, 0, 255	255°, 100%, 50%	75, 100, 0, 0
Protein High	`#FF8866`	255, 136, 102	13°, 100%, 70%	0, 47, 60, 0
Pedestrian Green	`#00BB22`	0, 187, 34	131°, 100%, 37%	100, 0, 82, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FF33 on #3F00FF	5.78:1	AA
Aa #3F00FF on #FF8866	3.38:1	AA large
Aa #3F00FF on #00BB22	3.06:1	AA large
Aa #FF3300 on #00FF33	2.68:1	—
Aa #FF3300 on #3F00FF	2.16:1	—
Aa #00FF33 on #00BB22	1.89:1	—

CSS variables

:root {
  --color-1: #ff3300; /* Boiling Magma */
  --color-2: #00ff33; /* Lucent Lime */
  --color-3: #3f00ff; /* Electric Ultramarine */
  --color-4: #ff8866; /* Protein High */
  --color-5: #00bb22; /* Pedestrian Green */
}

Other schemes from Boiling Magma

More Medium Red triadic palettes

Questions

What colors go with Boiling Magma?

In a triadic scheme: Lucent Lime (#00FF33), Electric Ultramarine (#3F00FF), Protein High (#FF8866), Pedestrian Green (#00BB22).

What is the hex code of Boiling Magma?

#FF3300.