Soft Red is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #CC3333, which equals rgb(204, 51, 51) in RGB and hsl(0, 60%, 50%) in HSL. In print terms it converts to roughly C0 M75 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC3333 - RGB
204, 51, 51 - HSL
0°, 60%, 50% - CMYK
0, 75, 75, 20 - Family
Red - Tone
Medium, saturated
About Soft Red
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 5.14:1. Its complementary color is #33CCCC.
Download Soft Red 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 Red color codes
| HEX | #CC3333 |
|---|---|
| RGB | rgb(204, 51, 51) |
| HSL | hsl(0, 60%, 50%) |
| HSV | 0°, 75%, 80% |
| CMYK | 0%, 75%, 75%, 20% |
| Decimal | 13382451 |
Shades and tints of Soft Red
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7DDDD - 100
#EEBBBB - 200
#E69999 - 300
#DD7777 - 400
#D55555 - 500
#CC3333 - 600
#AA2B2B - 700
#882222 - 800
#661A1A - 900
#441111 - 950
#220909
Color harmonies for Soft Red
- Complementary
#33CCCC≈ Soft Teal - Analogous −30°
#CC3380≈ Soft Rose - Analogous +30°
#CC8033≈ Bronze - Triadic +120°
#33CC33≈ Lime Green - Triadic +240°
#3333CC≈ Soft Ultramarine - Split 150°
#33CC80≈ Soft Seafoam - Split 210°
#3380CC≈ Soft Cerulean
Contrast and accessibility of Soft Red
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Red | Aa | 5.14:1 | AA (good) |
| Black text on Soft Red | Aa | 4.09:1 | AA Large only |
CSS code for Soft Red
background-color: #CC3333;color: #CC3333;background-color: rgb(204, 51, 51);background-color: hsl(0, 60%, 50%);:root { --color-soft-red: #CC3333; }class="bg-[#CC3333]"Colors similar to Soft Red
- Soft Cardinal
#CC3342 - Soft Scarlet
#CC4233 - Cardinal
#C41E3A - Soft Crimson
#CC3352 - Vermilion
#E34234 - Medium Dark Bright Vermilion
#C13815 - Medium Dark Bright Scarlet
#C12715 - Medium Dark Soft Scarlet
#AB382B - Medium Dark Soft Cardinal
#AB2B38 - Medium Light Bright Red
#EA3E3E - Medium Dark Soft Red
#AB2B2B - Bright Scarlet
#E62E19
More red shades
- Light Bright Red
#EE6363 - Darkest Soft Red
#290A0A - Very Dark Soft Red
#491212 - Dark Soft Red
#6A1B1B - Deep Soft Red
#8B2323 - Medium Dark Soft Red
#AB2B2B - Medium Light Soft Red
#D45454 - Light Soft Red
#DC7474 - Darkest Muted Red
#240F0F - Very Dark Muted Red
#401C1C - Dark Muted Red
#5D2828
Frequently asked questions
What is the HEX code for Soft Red?
The HEX code for Soft Red is #CC3333.
What is the RGB value of Soft Red?
Soft Red has an RGB value of 204, 51, 51 (rgb(204, 51, 51)). In HSL it is 0°, 60%, 50%.
What text color should I use on Soft Red?
Use white text on Soft Red. White text has a contrast ratio of 5.14:1 and black text has 4.09:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Red?
The complementary color of Soft Red is #33CCCC. Analogous colors #CC3380 and #CC8033 also pair well.