Deep Scarlet is a medium-dark, vivid shade in the red color family, with a warm feel. Its HEX code is #AD1100, which equals rgb(173, 17, 0) in RGB and hsl(6, 100%, 34%) in HSL. In print terms it converts to roughly C0 M90 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#AD1100 - RGB
173, 17, 0 - HSL
6°, 100%, 34% - CMYK
0, 90, 100, 32 - Family
Red - Tone
Medium-dark, vivid
About Deep Scarlet
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 7.35:1. Its complementary color is #009CAD.
Download Deep Scarlet as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Deep Scarlet color codes
| HEX | #AD1100 |
|---|---|
| RGB | rgb(173, 17, 0) |
| HSL | hsl(6, 100%, 34%) |
| HSV | 6°, 100%, 68% |
| CMYK | 0%, 90%, 100%, 32% |
| Decimal | 11342080 |
Shades and tints of Deep Scarlet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1D7D5 - 100
#E4B0AA - 200
#D68880 - 300
#C86055 - 400
#BB392B - 500
#AD1100 - 600
#900E00 - 700
#730B00 - 800
#570900 - 900
#3A0600 - 950
#1D0300
Color harmonies for Deep Scarlet
- Complementary
#009CAD≈ Deep Cyan - Analogous −30°
#AD0045≈ Deep Ruby - Analogous +30°
#AD6800≈ Caramel - Triadic +120°
#00AD11≈ Deep Green - Triadic +240°
#1100AD≈ Deep Blue - Split 150°
#00AD68≈ Jade - Split 210°
#0045AD≈ Cobalt Blue
Contrast and accessibility of Deep Scarlet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Scarlet | Aa | 7.35:1 | AAA (excellent) |
| Black text on Deep Scarlet | Aa | 2.86:1 | Fails |
CSS code for Deep Scarlet
background-color: #AD1100;color: #AD1100;background-color: rgb(173, 17, 0);background-color: hsl(6, 100%, 34%);:root { --color-deep-scarlet: #AD1100; }class="bg-[#AD1100]"Colors similar to Deep Scarlet
- Deep Red
#AD0000 - Deep Vermilion
#AD2300 - Deep Bright Red
#9C1111 - Deep Cardinal
#AD0011 - Medium Dark Bright Red
#C11515 - Deep Bright Scarlet
#9C1F11 - Deep Bright Cardinal
#9C111F - Fire Brick
#B22222 - Carmine
#960018 - Deep Crimson
#AD0023 - Medium Dark Bright Scarlet
#C12715 - Dark Red
#8B0000
More red shades
- Dusty Red
#996666 - Medium Light Dusty Red
#A97E7E - Light Dusty Red
#BA9797 - Darkest Scarlet
#330500 - Very Dark Scarlet
#5C0900 - Dark Scarlet
#850D00 - Medium Dark Scarlet
#D61500 - Pure Scarlet
#FF1A00 - Medium Light Scarlet
#FF3E29 - Light Scarlet
#FF6352 - Darkest Bright Scarlet
#2E0905
Frequently asked questions
What is the HEX code for Deep Scarlet?
The HEX code for Deep Scarlet is #AD1100.
What is the RGB value of Deep Scarlet?
Deep Scarlet has an RGB value of 173, 17, 0 (rgb(173, 17, 0)). In HSL it is 6°, 100%, 34%.
What text color should I use on Deep Scarlet?
Use white text on Deep Scarlet. White text has a contrast ratio of 7.35:1 and black text has 2.86:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Scarlet?
The complementary color of Deep Scarlet is #009CAD. Analogous colors #AD0045 and #AD6800 also pair well.