Vibrant Orange Triadic Color Scheme

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

#FF6216

#1EF876

#601EF9

#FFA67A

#02C14D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vibrant Orange	`#FF6216`	255, 98, 22	20°, 100%, 54%	0, 62, 91, 0
Synthetic Spearmint	`#1EF876`	30, 248, 118	144°, 94%, 55%	88, 0, 52, 3
Akihabara Arcade	`#601EF9`	96, 30, 249	258°, 95%, 55%	61, 88, 0, 2
Peachy	`#FFA67A`	255, 166, 122	20°, 100%, 74%	0, 35, 52, 0
Lǜ Sè Green	`#02C14D`	2, 193, 77	144°, 98%, 38%	99, 0, 60, 24

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1EF876 on #601EF9	4.83:1	AA
Aa #601EF9 on #FFA67A	3.60:1	AA large
Aa #601EF9 on #02C14D	2.86:1	—
Aa #FF6216 on #601EF9	2.30:1	—
Aa #FF6216 on #1EF876	2.10:1	—
Aa #1EF876 on #02C14D	1.69:1	—

CSS variables

:root {
  --color-1: #ff6216; /* Vibrant Orange */
  --color-2: #1ef876; /* Synthetic Spearmint */
  --color-3: #601ef9; /* Akihabara Arcade */
  --color-4: #ffa67a; /* Peachy */
  --color-5: #02c14d; /* Lǜ Sè Green */
}

Other schemes from Vibrant Orange

#FF6216
#FFA373
#16B8F3
#0089C4
#76D6FF
Vibrant Orange Complementary Color Scheme
#FF1CAE
#FD0F35
#FF6216
#FCD917
#B6FF1A
Vibrant Orange Analogous Color Scheme
#FF6216
#00FFDD
#0339F8
#C74300
#66EEEE
Vibrant Orange Split-complementary Color Scheme
#FF6216
#39FF14
#16B8F3
#DD11FF
#FFA67A
Vibrant Orange Tetradic Color Scheme
#742802
#C74300
#FF6216
#FF9863
#FFC7B0
Vibrant Orange Monochromatic Color Scheme

More Medium Orange triadic palettes

Questions

What colors go with Vibrant Orange?

In a triadic scheme: Synthetic Spearmint (#1EF876), Akihabara Arcade (#601EF9), Peachy (#FFA67A), Lǜ Sè Green (#02C14D).

What is the hex code of Vibrant Orange?

#FF6216.