Deep Vermilion is a medium-dark, vivid shade in the red color family, with a warm feel. Its HEX code is #AD2300, which equals rgb(173, 35, 0) in RGB and hsl(12, 100%, 34%) in HSL. In print terms it converts to roughly C0 M80 Y100 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#AD2300 - RGB
173, 35, 0 - HSL
12°, 100%, 34% - CMYK
0, 80, 100, 32 - Family
Red - Tone
Medium-dark, vivid
About Deep Vermilion
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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 6.96:1. Its complementary color is #008BAD.
Download Deep Vermilion 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 Vermilion color codes
| HEX | #AD2300 |
|---|---|
| RGB | rgb(173, 35, 0) |
| HSL | hsl(12, 100%, 34%) |
| HSV | 12°, 100%, 68% |
| CMYK | 0%, 80%, 100%, 32% |
| Decimal | 11346688 |
Shades and tints of Deep Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F1DAD5 - 100
#E4B6AA - 200
#D69180 - 300
#C86C55 - 400
#BB482B - 500
#AD2300 - 600
#901D00 - 700
#731700 - 800
#571200 - 900
#3A0C00 - 950
#1D0600
Color harmonies for Deep Vermilion
- Complementary
#008BAD≈ Cerulean - Analogous −30°
#AD0034≈ Deep Carmine - Analogous +30°
#AD7900≈ Caramel - Triadic +120°
#00AD23≈ Deep Jade - Triadic +240°
#2300AD≈ Deep Iris - Split 150°
#00AD79≈ Jade - Split 210°
#0034AD≈ Deep Cornflower
Contrast and accessibility of Deep Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Vermilion | Aa | 6.96:1 | AA (good) |
| Black text on Deep Vermilion | Aa | 3.02:1 | AA Large only |
CSS code for Deep Vermilion
background-color: #AD2300;color: #AD2300;background-color: rgb(173, 35, 0);background-color: hsl(12, 100%, 34%);:root { --color-deep-vermilion: #AD2300; }class="bg-[#AD2300]"Colors similar to Deep Vermilion
- Deep Cinnabar
#AD3400 - Deep Scarlet
#AD1100 - Deep Bright Scarlet
#9C1F11 - Deep Bright Vermilion
#9C2D11 - Medium Dark Bright Scarlet
#C12715 - Deep Bright Red
#9C1111 - Fire Brick
#B22222 - Medium Dark Bright Red
#C11515 - Deep Bright Cinnabar
#9C3B11 - Medium Dark Bright Vermilion
#C13815 - Dark Cinnabar
#852800 - Rust
#B7410E
More red shades
- Dusty Scarlet
#996B66 - Medium Light Dusty Scarlet
#A9837E - Light Dusty Scarlet
#BA9A97 - Darkest Vermilion
#330A00 - Very Dark Vermilion
#5C1200 - Dark Vermilion
#851B00 - Medium Dark Vermilion
#D62B00 - Pure Vermilion
#FF3300 - Medium Light Vermilion
#FF5429 - Light Vermilion
#FF7452 - Darkest Bright Vermilion
#2E0D05
Frequently asked questions
What is the HEX code for Deep Vermilion?
The HEX code for Deep Vermilion is #AD2300.
What is the RGB value of Deep Vermilion?
Deep Vermilion has an RGB value of 173, 35, 0 (rgb(173, 35, 0)). In HSL it is 12°, 100%, 34%.
What text color should I use on Deep Vermilion?
Use white text on Deep Vermilion. White text has a contrast ratio of 6.96:1 and black text has 3.02:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Vermilion?
The complementary color of Deep Vermilion is #008BAD. Analogous colors #AD0034 and #AD7900 also pair well.