Huebook

Arancio Triadic Color Scheme

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

#FF7013
#1EF876
#601EF9
#FEB079
#02C14D

Color names and codes

NameHEXRGBHSLCMYK
Arancio#FF7013255, 112, 1924°, 100%, 54%0, 56, 93, 0
Synthetic Spearmint#1EF87630, 248, 118144°, 94%, 55%88, 0, 52, 3
Akihabara Arcade#601EF996, 30, 249258°, 95%, 55%61, 88, 0, 2
Cantaloupe Slice#FEB079254, 176, 12125°, 99%, 74%0, 31, 52, 0
Lǜ Sè Green#02C14D2, 193, 77144°, 98%, 38%99, 0, 60, 24

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1EF876 on #601EF94.83:1AA
Aa #601EF9 on #FEB0793.83:1AA large
Aa #601EF9 on #02C14D2.86:1—
Aa #FF7013 on #601EF92.48:1—
Aa #FF7013 on #1EF8761.95:1—
Aa #1EF876 on #02C14D1.69:1—

CSS variables

:root {
  --color-1: #ff7013; /* Arancio */
  --color-2: #1ef876; /* Synthetic Spearmint */
  --color-3: #601ef9; /* Akihabara Arcade */
  --color-4: #feb079; /* Cantaloupe Slice */
  --color-5: #02c14d; /* Lǜ Sè Green */
}

Other schemes from Arancio

More Medium Orange triadic palettes

Questions

What colors go with Arancio?

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

What is the hex code of Arancio?

#FF7013.