Huebook

Light My Fire Tetradic Color Scheme

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

#F8611A
#40FD14
#16B8F3
#D91FFF
#FBA57D

Color names and codes

NameHEXRGBHSLCMYK
Light My Fire#F8611A248, 97, 2619°, 94%, 54%0, 61, 90, 3
Poison Green#40FD1464, 253, 20109°, 98%, 54%75, 0, 92, 1
Zima Blue#16B8F322, 184, 243196°, 90%, 52%91, 24, 0, 5
Afterlife#D91FFF217, 31, 255290°, 100%, 56%15, 88, 0, 0
Apricot Wash#FBA57D251, 165, 12519°, 94%, 74%0, 34, 50, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #40FD14 on #D91FFF2.73:1—
Aa #F8611A on #40FD142.27:1—
Aa #D91FFF on #FBA57D1.93:1—
Aa #40FD14 on #16B8F31.66:1—
Aa #16B8F3 on #D91FFF1.64:1—
Aa #F8611A on #FBA57D1.61:1—

CSS variables

:root {
  --color-1: #f8611a; /* Light My Fire */
  --color-2: #40fd14; /* Poison Green */
  --color-3: #16b8f3; /* Zima Blue */
  --color-4: #d91fff; /* Afterlife */
  --color-5: #fba57d; /* Apricot Wash */
}

Other schemes from Light My Fire

More Medium Orange tetradic palettes

Questions

What colors go with Light My Fire?

In a tetradic scheme: Poison Green (#40FD14), Zima Blue (#16B8F3), Afterlife (#D91FFF), Apricot Wash (#FBA57D).

What is the hex code of Light My Fire?

#F8611A.