Dragon’s Fire Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Dragon’s Fire (#FC4A14), each snapped to its nearest named color.
#711A00
#CC3300
#FC4A14
#FF8866
#FFBFAB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cedar Wood Finish | #711A00 | 113, 26, 0 | 14°, 100%, 22% | 0, 77, 100, 56 | |
| Pleasant Pomegranate | #CC3300 | 204, 51, 0 | 15°, 100%, 40% | 0, 75, 100, 20 | |
| Dragon’s Fire | #FC4A14 | 252, 74, 20 | 14°, 97%, 53% | 0, 71, 92, 1 | |
| Protein High | #FF8866 | 255, 136, 102 | 13°, 100%, 70% | 0, 47, 60, 0 | |
| Porcellana | #FFBFAB | 255, 191, 171 | 14°, 100%, 84% | 0, 25, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #711A00 on #FFBFAB | 7.19:1 | AAA |
| Aa #711A00 on #FF8866 | 4.85:1 | AA |
| Aa #711A00 on #FC4A14 | 3.31:1 | AA large |
| Aa #CC3300 on #FFBFAB | 3.29:1 | AA large |
| Aa #CC3300 on #FF8866 | 2.22:1 | — |
| Aa #711A00 on #CC3300 | 2.18:1 | — |
CSS variables
:root {
--color-1: #711a00; /* Cedar Wood Finish */
--color-2: #cc3300; /* Pleasant Pomegranate */
--color-3: #fc4a14; /* Dragon’s Fire */
--color-4: #ff8866; /* Protein High */
--color-5: #ffbfab; /* Porcellana */
}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 Triadic Color Scheme#FC4A14#10F144#4411FF#FF9977#03C03C
- Dragon’s Fire Split-complementary Color Scheme#FC4A14#11FFBB#1155FF#CC3300#73FCD6
- Dragon’s Fire Tetradic Color Scheme#FC4A14#55FF11#0FC0FC#BC13FE#FF9977
More Medium Red monochromatic palettes
- 100 Mph Monochromatic Color Scheme#59181C#8C2C24#C93F38#D47A76#ECB2B3
- Alarm Monochromatic Color Scheme#550000#A10000#EC0003#F73D37#FF8888
- Amaretto Monochromatic Color Scheme#4C2F27#784D40#AB6F60#C39D90#E0C9C4
- Amore Monochromatic Color Scheme#331111#771C2B#AE2F48#D45871#E093AB
- Anarchist Monochromatic Color Scheme#620B15#A01C2D#DB304A#E47486#F5B3BC
- Angry Tomato Monochromatic Color Scheme#551111#97171E#D82029#E35F66#F2A0A1
- Annatto Monochromatic Color Scheme#231712#5B342E#8C5341#B77961#CFA798
- Apple Cherry Monochromatic Color Scheme#610507#AE0C00#F81404#FC5A50#FB9F93
- Arcade Fire Monochromatic Color Scheme#5E0E0B#AB250B#EE3311#F26E54#F5B1A2
- Assassin’s Red Monochromatic Color Scheme#550000#AB0102#F60206#FF474C#FC9293
- Autumn Fire Monochromatic Color Scheme#5D1F1E#94312F#C44E4F#D98586#E8C1C2
- Bacon Strips Monochromatic Color Scheme#651A14#AA251B#DF3F32#E77B75#F4BDB3
Questions
What colors go with Dragon’s Fire?
In a monochromatic scheme: Cedar Wood Finish (#711A00), Pleasant Pomegranate (#CC3300), Protein High (#FF8866), Porcellana (#FFBFAB).
What is the hex code of Dragon’s Fire?
#FC4A14.