Dragon’s Fire Triadic Color Scheme
Five colors arranged by the triadic rule around Dragon’s Fire (#FC4A14), each snapped to its nearest named color.
#FC4A14
#10F144
#4411FF
#FF9977
#03C03C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dragon’s Fire | #FC4A14 | 252, 74, 20 | 14°, 97%, 53% | 0, 71, 92, 1 | |
| Radiant Hulk | #10F144 | 16, 241, 68 | 134°, 89%, 50% | 93, 0, 72, 5 | |
| Blustering Blue | #4411FF | 68, 17, 255 | 253°, 100%, 53% | 73, 93, 0, 0 | |
| Flash in the Pan | #FF9977 | 255, 153, 119 | 15°, 100%, 73% | 0, 40, 53, 0 | |
| Whole Nine Yards | #03C03C | 3, 192, 60 | 138°, 97%, 38% | 98, 0, 69, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #10F144 on #4411FF | 4.94:1 | AA |
| Aa #4411FF on #FF9977 | 3.64:1 | AA large |
| Aa #4411FF on #03C03C | 3.11:1 | AA large |
| Aa #FC4A14 on #10F144 | 2.23:1 | — |
| Aa #FC4A14 on #4411FF | 2.21:1 | — |
| Aa #FC4A14 on #FF9977 | 1.64:1 | — |
CSS variables
:root {
--color-1: #fc4a14; /* Dragon’s Fire */
--color-2: #10f144; /* Radiant Hulk */
--color-3: #4411ff; /* Blustering Blue */
--color-4: #ff9977; /* Flash in the Pan */
--color-5: #03c03c; /* Whole Nine Yards */
}Other schemes from Dragon’s Fire
- Dragon’s Fire Complementary Color Scheme#FC4A14#F9906F#0FC0FC#0193C2#76D6FF
- Dragon’s Fire Analogous Color Scheme#FC0FC0#FF1155#FC4A14#FABF14#CCFF11
- Dragon’s Fire Split-complementary Color Scheme#FC4A14#11FFBB#1155FF#CC3300#73FCD6
- Dragon’s Fire Tetradic Color Scheme#FC4A14#55FF11#0FC0FC#BC13FE#FF9977
- Dragon’s Fire Monochromatic Color Scheme#711A00#CC3300#FC4A14#FF8866#FFBFAB
More Medium Red triadic palettes
- 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 Dragon’s Fire?
In a triadic scheme: Radiant Hulk (#10F144), Blustering Blue (#4411FF), Flash in the Pan (#FF9977), Whole Nine Yards (#03C03C).
What is the hex code of Dragon’s Fire?
#FC4A14.