Huebook

Light My Fire Triadic Color Scheme

Five colors arranged by the triadic rule around Light My Fire (#F8611A), each snapped to its nearest named color.

#F8611A
#1EF876
#601EF9
#FBA57D
#02C14D

Color names and codes

NameHEXRGBHSLCMYK
Light My Fire#F8611A248, 97, 2619°, 94%, 54%0, 61, 90, 3
Synthetic Spearmint#1EF87630, 248, 118144°, 94%, 55%88, 0, 52, 3
Akihabara Arcade#601EF996, 30, 249258°, 95%, 55%61, 88, 0, 2
Apricot Wash#FBA57D251, 165, 12519°, 94%, 74%0, 34, 50, 2
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 #FBA57D3.53:1AA large
Aa #601EF9 on #02C14D2.86:1—
Aa #F8611A on #601EF92.20:1—
Aa #F8611A on #1EF8762.20:1—
Aa #1EF876 on #02C14D1.69:1—

CSS variables

:root {
  --color-1: #f8611a; /* Light My Fire */
  --color-2: #1ef876; /* Synthetic Spearmint */
  --color-3: #601ef9; /* Akihabara Arcade */
  --color-4: #fba57d; /* Apricot Wash */
  --color-5: #02c14d; /* Lǜ Sè Green */
}

Other schemes from Light My Fire

More Medium Orange triadic palettes

Questions

What colors go with Light My Fire?

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

What is the hex code of Light My Fire?

#F8611A.