Fire Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fire (#8F3F2A), each snapped to its nearest named color.
#8F3F2A
#29906D
#25488A
#4E241E
#33CC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fire | #8F3F2A | 143, 63, 42 | 12°, 55%, 36% | 0, 56, 71, 44 | |
| Leprechaun | #29906D | 41, 144, 109 | 160°, 56%, 36% | 72, 0, 24, 44 | |
| Pacific Navy | #25488A | 37, 72, 138 | 219°, 58%, 34% | 73, 48, 0, 46 | |
| Torrefacto Roast | #4E241E | 78, 36, 30 | 7°, 44%, 21% | 0, 54, 62, 69 | |
| Dark Shamrock | #33CC99 | 51, 204, 153 | 160°, 60%, 50% | 75, 0, 25, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E241E on #33CC99 | 6.42:1 | AA |
| Aa #25488A on #33CC99 | 4.32:1 | AA large |
| Aa #8F3F2A on #33CC99 | 3.52:1 | AA large |
| Aa #29906D on #4E241E | 3.33:1 | AA large |
| Aa #29906D on #25488A | 2.24:1 | — |
| Aa #29906D on #33CC99 | 1.93:1 | — |
CSS variables
:root {
--color-1: #8f3f2a; /* Fire */
--color-2: #29906d; /* Leprechaun */
--color-3: #25488a; /* Pacific Navy */
--color-4: #4e241e; /* Torrefacto Roast */
--color-5: #33cc99; /* Dark Shamrock */
}Other schemes from Fire
- Fire Complementary Color Scheme#8F3F2A#CB6649#2F7A92#1B4556#52B4CA
- Fire Analogous Color Scheme#883377#922E4A#8F3F2A#8D702A#7A942E
- Fire Triadic Color Scheme#8F3F2A#288F3D#313390#CB6D51#1C5022
- Fire Tetradic Color Scheme#8F3F2A#428929#2F7A92#652793#CB6D51
- Fire Monochromatic Color Scheme#130A06#4E241E#8F3F2A#CD5E3C#D68C76
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Fire?
In a split-complementary scheme: Leprechaun (#29906D), Pacific Navy (#25488A), Torrefacto Roast (#4E241E), Dark Shamrock (#33CC99).
What is the hex code of Fire?
#8F3F2A.