Firecracker Triadic Color Scheme
Five colors arranged by the triadic rule around Firecracker (#F2643A), each snapped to its nearest named color.
#F2643A
#33EE66
#703BE7
#FCB39A
#00CC33
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Firecracker | #F2643A | 242, 100, 58 | 14°, 88%, 59% | 0, 59, 76, 5 | 67.6% 0.184 37 | |
| Acid Pops | #33EE66 | 51, 238, 102 | 136°, 85%, 57% | 79, 0, 57, 7 | 83.2% 0.230 147 | |
| Bluish Purple | #703BE7 | 112, 59, 231 | 258°, 78%, 57% | 52, 74, 0, 9 | 52.5% 0.239 290 | |
| Mermaid Cheeks | #FCB39A | 252, 179, 154 | 15°, 94%, 80% | 0, 29, 39, 1 | 83.0% 0.093 40 | |
| Vivid Malachite | #00CC33 | 0, 204, 51 | 135°, 100%, 40% | 100, 0, 75, 20 | 73.4% 0.234 145 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #33EE66 on #703BE7 | 3.91:1 | AA large |
| Aa #703BE7 on #FCB39A | 3.48:1 | AA large |
| Aa #703BE7 on #00CC33 | 2.79:1 | — |
| Aa #F2643A on #33EE66 | 2.04:1 | — |
| Aa #F2643A on #703BE7 | 1.92:1 | — |
| Aa #F2643A on #FCB39A | 1.81:1 | — |
CSS variables
:root {
--color-1: #f2643a; /* Firecracker */
--color-2: #33ee66; /* Acid Pops */
--color-3: #703be7; /* Bluish Purple */
--color-4: #fcb39a; /* Mermaid Cheeks */
--color-5: #00cc33; /* Vivid Malachite */
}Other schemes from Firecracker
- Firecracker Complementary Color Scheme#F2643A#F9A78D#37C4FA#16A3CB#98EFF9
- Firecracker Analogous Color Scheme#FF33CC#F23E67#F2643A#F3C13A#D5F534
- Firecracker Split-complementary Color Scheme#F2643A#25E2CD#3C69E7#CA3F16#84FBCE
- Firecracker Tetradic Color Scheme#F2643A#6FEA3E#37C4FA#CC33FF#FCB39A
- Firecracker Monochromatic Color Scheme#862808#CA3F16#F2643A#FB9B82#FBD6CA
More medium red triadic color schemes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Firecracker?
In a triadic scheme: Acid Pops (#33EE66), Bluish Purple (#703BE7), Mermaid Cheeks (#FCB39A), Vivid Malachite (#00CC33).
What is the hex code of Firecracker?
#F2643A.