Magma Triadic Color Scheme

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

#FF4E01

#00FF55

#5500FF

#FF9966

#00BB33

Color names and codes

Name	HEX	RGB	HSL	CMYK
Magma	`#FF4E01`	255, 78, 1	18°, 100%, 50%	0, 69, 100, 0
Cathode Green	`#00FF55`	0, 255, 85	140°, 100%, 50%	100, 0, 67, 0
Radiant Feather	`#5500FF`	85, 0, 255	260°, 100%, 50%	67, 100, 0, 0
Atomic Tangerine	`#FF9966`	255, 153, 102	20°, 100%, 70%	0, 40, 60, 0
Toxic Sludge	`#00BB33`	0, 187, 51	136°, 100%, 37%	100, 0, 73, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FF55 on #5500FF	5.45:1	AA
Aa #5500FF on #FF9966	3.53:1	AA large
Aa #5500FF on #00BB33	2.88:1	—
Aa #FF4E01 on #00FF55	2.43:1	—
Aa #FF4E01 on #5500FF	2.24:1	—
Aa #00FF55 on #00BB33	1.89:1	—

CSS variables

:root {
  --color-1: #ff4e01; /* Magma */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #5500ff; /* Radiant Feather */
  --color-4: #ff9966; /* Atomic Tangerine */
  --color-5: #00bb33; /* Toxic Sludge */
}

Other schemes from Magma

More Medium Orange triadic palettes

Questions

What colors go with Magma?

In a triadic scheme: Cathode Green (#00FF55), Radiant Feather (#5500FF), Atomic Tangerine (#FF9966), Toxic Sludge (#00BB33).

What is the hex code of Magma?

#FF4E01.