Dragon’s Breath Complementary Color Scheme
Five colors arranged by the complementary rule around Dragon’s Breath (#D41003), each snapped to its nearest named color.
#D41003
#FF4433
#00C5CD
#008389
#45E9FD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dragon’s Breath | #D41003 | 212, 16, 3 | 4°, 97%, 42% | 0, 92, 99, 17 | |
| Hotspot | #FF4433 | 255, 68, 51 | 5°, 100%, 60% | 0, 73, 80, 0 | |
| Turquoise Surf | #00C5CD | 0, 197, 205 | 182°, 100%, 40% | 100, 4, 0, 20 | |
| Precious Blue | #008389 | 0, 131, 137 | 183°, 100%, 27% | 100, 4, 0, 46 | |
| Shimmering Expanse Cyan | #45E9FD | 69, 233, 253 | 187°, 98%, 63% | 73, 8, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D41003 on #45E9FD | 3.70:1 | AA large |
| Aa #008389 on #45E9FD | 3.11:1 | AA large |
| Aa #D41003 on #00C5CD | 2.55:1 | — |
| Aa #FF4433 on #45E9FD | 2.34:1 | — |
| Aa #00C5CD on #008389 | 2.14:1 | — |
| Aa #FF4433 on #00C5CD | 1.61:1 | — |
CSS variables
:root {
--color-1: #d41003; /* Dragon’s Breath */
--color-2: #ff4433; /* Hotspot */
--color-3: #00c5cd; /* Turquoise Surf */
--color-4: #008389; /* Precious Blue */
--color-5: #45e9fd; /* Shimmering Expanse Cyan */
}Other schemes from Dragon’s Breath
- Dragon’s Breath Analogous Color Scheme#D800CC#D10056#D41003#D07A04#CCCC00
- Dragon’s Breath Triadic Color Scheme#D41003#00CC11#1100CC#FE4C40#008811
- Dragon’s Breath Split-complementary Color Scheme#D41003#06D078#0055CC#890A01#36FF9A
- Dragon’s Breath Tetradic Color Scheme#D41003#54D905#00C5CD#6600CC#FE4C40
- Dragon’s Breath Monochromatic Color Scheme#3D0C02#890A01#D41003#FF3322#FD7C6E
More Medium Red complementary palettes
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- Alarm Complementary Color Scheme#EC0003#FF474C#00EEEE#00A29E#55FFFF
- Amaretto Complementary Color Scheme#AB6F60#CDA59C#6299AA#45747E#A7C5CE
- Amore Complementary Color Scheme#AE2F48#CF6275#25AE8E#1C6B69#73D4C2
- Anarchist Complementary Color Scheme#DB304A#E27E8A#2DDFC1#1BA590#87E0CF
- Angry Tomato Complementary Color Scheme#D82029#EC6D71#22CCCC#1A9597#6FEBE3
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Apple Cherry Complementary Color Scheme#F81404#F7665A#00EBFF#05A3AD#6DEDFD
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Assassin’s Red Complementary Color Scheme#F60206#FF5555#01F1F1#00AAAA#65FFFF
- Autumn Fire Complementary Color Scheme#C44E4F#D99294#53C2C3#2B9890#9ADEDB
- Bacon Strips Complementary Color Scheme#DF3F32#E28980#30D5C8#189FAC#88EEEE
Questions
What colors go with Dragon’s Breath?
In a complementary scheme: Hotspot (#FF4433), Turquoise Surf (#00C5CD), Precious Blue (#008389), Shimmering Expanse Cyan (#45E9FD).
What is the hex code of Dragon’s Breath?
#D41003.