Soft Vermilion is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #CC5233, which equals rgb(204, 82, 51) in RGB and hsl(12, 60%, 50%) in HSL. In print terms it converts to roughly C0 M60 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC5233 - RGB
204, 82, 51 - HSL
12°, 60%, 50% - CMYK
0, 60, 75, 20 - Family
Red - Tone
Medium, saturated
About Soft 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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 4.82:1. Its complementary color is #33ADCC.
Download Soft 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…
Soft Vermilion color codes
| HEX | #CC5233 |
|---|---|
| RGB | rgb(204, 82, 51) |
| HSL | hsl(12, 60%, 50%) |
| HSV | 12°, 75%, 80% |
| CMYK | 0%, 60%, 75%, 20% |
| Decimal | 13390387 |
Shades and tints of Soft Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7E2DD - 100
#EEC5BB - 200
#E6A999 - 300
#DD8C77 - 400
#D56F55 - 500
#CC5233 - 600
#AA442B - 700
#883722 - 800
#66291A - 900
#441B11 - 950
#220E09
Color harmonies for Soft Vermilion
- Complementary
#33ADCC≈ Soft Capri - Analogous −30°
#CC3361≈ Soft Carmine - Analogous +30°
#CC9E33≈ Soft Tangerine - Triadic +120°
#33CC52≈ Soft Jade - Triadic +240°
#5233CC≈ Soft Iris - Split 150°
#33CC9E≈ Soft Seafoam - Split 210°
#3361CC≈ Soft Cornflower
Contrast and accessibility of Soft Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Vermilion | Aa | 4.35:1 | AA Large only |
| Black text on Soft Vermilion | Aa | 4.82:1 | AA (good) |
CSS code for Soft Vermilion
background-color: #CC5233;color: #CC5233;background-color: rgb(204, 82, 51);background-color: hsl(12, 60%, 50%);:root { --color-soft-vermilion: #CC5233; }class="bg-[#CC5233]"Colors similar to Soft Vermilion
- Soft Cinnabar
#CC6133 - Soft Scarlet
#CC4233 - Cinnabar
#E44D2E - Vermilion
#E34234 - Medium Light Soft Red
#D45454 - Medium Dark Bright Persimmon
#C15A15 - Medium Dark Bright Cinnabar
#C14915 - Medium Light Bright Scarlet
#EA4F3E - Medium Dark Soft Cinnabar
#AB512B - Chocolate
#D2691E - Medium Light Soft Scarlet
#D46054 - Muted Red
#B24D4D
More red shades
- Light Bright Vermilion
#EE7F63 - Darkest Soft Vermilion
#29100A - Very Dark Soft Vermilion
#491D12 - Dark Soft Vermilion
#6A2A1B - Deep Soft Vermilion
#8B3723 - Medium Dark Soft Vermilion
#AB452B - Medium Light Soft Vermilion
#D46D54 - Light Soft Vermilion
#DC8974 - Darkest Muted Vermilion
#24130F - Very Dark Muted Vermilion
#40231C - Dark Muted Vermilion
#5D3228
Frequently asked questions
What is the HEX code for Soft Vermilion?
The HEX code for Soft Vermilion is #CC5233.
What is the RGB value of Soft Vermilion?
Soft Vermilion has an RGB value of 204, 82, 51 (rgb(204, 82, 51)). In HSL it is 12°, 60%, 50%.
What text color should I use on Soft Vermilion?
Use black text on Soft Vermilion. White text has a contrast ratio of 4.35:1 and black text has 4.82:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Vermilion?
The complementary color of Soft Vermilion is #33ADCC. Analogous colors #CC3361 and #CC9E33 also pair well.