Vivid Orange Triadic Color Scheme

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

#FF5F00

#00FF55

#5500FF

#FF9C68

#00AD43

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vivid Orange	`#FF5F00`	255, 95, 0	22°, 100%, 50%	0, 63, 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
Fresh Cantaloupe	`#FF9C68`	255, 156, 104	21°, 100%, 70%	0, 39, 59, 0
Poison Ivy	`#00AD43`	0, 173, 67	143°, 100%, 34%	100, 0, 61, 32

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FF55 on #5500FF	5.45:1	AA
Aa #5500FF on #FF9C68	3.61:1	AA large
Aa #5500FF on #00AD43	2.49:1	—
Aa #FF5F00 on #5500FF	2.43:1	—
Aa #FF5F00 on #00FF55	2.24:1	—
Aa #00FF55 on #00AD43	2.19:1	—

CSS variables

:root {
  --color-1: #ff5f00; /* Vivid Orange */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #5500ff; /* Radiant Feather */
  --color-4: #ff9c68; /* Fresh Cantaloupe */
  --color-5: #00ad43; /* Poison Ivy */
}

Other schemes from Vivid Orange

More Medium Orange triadic palettes

Questions

What colors go with Vivid Orange?

In a triadic scheme: Cathode Green (#00FF55), Radiant Feather (#5500FF), Fresh Cantaloupe (#FF9C68), Poison Ivy (#00AD43).

What is the hex code of Vivid Orange?

#FF5F00.