Dark Dusty Vermilion is a dark, muted shade in the red color family, with a warm feel. Its HEX code is #503A35, which equals rgb(80, 58, 53) in RGB and hsl(11, 20%, 26%) in HSL. In print terms it converts to roughly C0 M28 Y34 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#503A35 - RGB
80, 58, 53 - HSL
11°, 20%, 26% - CMYK
0, 28, 34, 69 - Family
Red - Tone
Dark, muted
About Dark Dusty 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 10.51:1. Its complementary color is #354B50.
Download Dark Dusty 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…
Dark Dusty Vermilion color codes
| HEX | #503A35 |
|---|---|
| RGB | rgb(80, 58, 53) |
| HSL | hsl(11, 20%, 26%) |
| HSV | 11°, 34%, 31% |
| CMYK | 0%, 28%, 34%, 69% |
| Decimal | 5257781 |
Shades and tints of Dark Dusty Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E2DEDD - 100
#C5BDBC - 200
#A89D9A - 300
#8A7C78 - 400
#6D5B57 - 500
#503A35 - 600
#43302C - 700
#352723 - 800
#281D1B - 900
#1B1312 - 950
#0D0A09
Color harmonies for Dark Dusty Vermilion
- Complementary
#354B50≈ Dark Dusty Peacock - Analogous −30°
#50353D≈ Dark Dusty Carmine - Analogous +30°
#504735≈ Dark Dusty Amber - Triadic +120°
#35503A≈ Dark Dusty Kelly - Triadic +240°
#3A3550≈ Dark Dusty Ultramarine - Split 150°
#355047≈ Dark Dusty Aquamarine - Split 210°
#353D50≈ Dark Dusty Cornflower
Contrast and accessibility of Dark Dusty Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Vermilion | Aa | 10.51:1 | AAA (excellent) |
| Black text on Dark Dusty Vermilion | Aa | 2.00:1 | Fails |
CSS code for Dark Dusty Vermilion
background-color: #503A35;color: #503A35;background-color: rgb(80, 58, 53);background-color: hsl(11, 20%, 26%);:root { --color-dark-dusty-vermilion: #503A35; }class="bg-[#503A35]"Colors similar to Dark Dusty Vermilion
- Dark Dusty Scarlet
#503835 - Dark Dusty Cinnabar
#503D35 - Dark Dusty Red
#503535 - Dark Dusty Cardinal
#503538 - Dark Dusty Persimmon
#504035 - Dark Dusty Crimson
#50353A - Taupe
#483C32 - Dark Dusty Orange
#504235 - Dark Dusty Ruby
#50353D - Dark Dusty Carmine
#503540 - Dark Dusty Tangerine
#504535 - Warm Gray 25
#45403A
More red shades
- Deep Muted Vermilion
#794234 - Medium Dark Muted Vermilion
#965140 - Muted Vermilion
#B2614D - Medium Light Muted Vermilion
#BF7A69 - Light Muted Vermilion
#CB9386 - Very Dark Dusty Vermilion
#372825 - Deep Dusty Vermilion
#684C45 - Medium Dark Dusty Vermilion
#815E56 - Dusty Vermilion
#997066 - Medium Light Dusty Vermilion
#A9877E - Light Dusty Vermilion
#BA9E97
Frequently asked questions
What is the HEX code for Dark Dusty Vermilion?
The HEX code for Dark Dusty Vermilion is #503A35.
What is the RGB value of Dark Dusty Vermilion?
Dark Dusty Vermilion has an RGB value of 80, 58, 53 (rgb(80, 58, 53)). In HSL it is 11°, 20%, 26%.
What text color should I use on Dark Dusty Vermilion?
Use white text on Dark Dusty Vermilion. White text has a contrast ratio of 10.51:1 and black text has 2.00:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Vermilion?
The complementary color of Dark Dusty Vermilion is #354B50. Analogous colors #50353D and #504735 also pair well.