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
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light My Fire | #F8611A | 248, 97, 26 | 19°, 94%, 54% | 0, 61, 90, 3 | |
| 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 | |
| Apricot Wash | #FBA57D | 251, 165, 125 | 19°, 94%, 74% | 0, 34, 50, 2 | |
| 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 #FBA57D | 3.53:1 | AA large |
| Aa #601EF9 on #02C14D | 2.86:1 | — |
| Aa #F8611A on #601EF9 | 2.20:1 | — |
| Aa #F8611A on #1EF876 | 2.20:1 | — |
| Aa #1EF876 on #02C14D | 1.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
- Light My Fire Complementary Color Scheme#F8611A#F79D72#16B8F3#0089C4#76D6FF
- Light My Fire Analogous Color Scheme#FF1CAE#FF1144#F8611A#F7CF1B#B8F818
- Light My Fire Split-complementary Color Scheme#F8611A#13EAC9#0247FE#C04000#73FCD6
- Light My Fire Tetradic Color Scheme#F8611A#40FD14#16B8F3#D91FFF#FBA57D
- Light My Fire Monochromatic Color Scheme#742802#C04000#F8611A#FA9761#FFC7B0
More Medium Orange triadic palettes
- 24 Carrot Triadic Color Scheme#E56E24#33EE66#6A2DED#EAAB7D#16A74E
- À l’Orange Triadic Color Scheme#F2850D#04F489#8811FF#F7B572#00AA55
- Acorn Triadic Color Scheme#7F5E50#47885E#5C5083#B28B80#34533D
- Amaretto Sour Triadic Color Scheme#C09856#48C09B#9B5FC0#DCC6A0#319177
- Amber Triadic Color Scheme#FFBF00#00FFBB#BF00FF#FFDA68#06B48B
- Apocalyptic Orange Triadic Color Scheme#F4711E#1EF876#661AEE#F9AE7D#11BB55
- Arancio Triadic Color Scheme#FF7013#1EF876#601EF9#FEB079#02C14D
- Argan Oil Triadic Color Scheme#9D6646#539B6A#674196#C39E81#316745
- Arrakis Spice Triadic Color Scheme#BB8246#47BA87#8547B5#D4B38F#348A5D
- Arrowwood Triadic Color Scheme#B3861E#1AB385#8F1CAE#E4B857#127453
- Atomic Orange Triadic Color Scheme#F88605#04F489#8800FF#FCB867#00AA55
- Autumnal Triadic Color Scheme#AD5928#36B14E#5930A9#DA8F67#1D7033
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.