Soft Cardinal is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #CC3342, which equals rgb(204, 51, 66) in RGB and hsl(354, 60%, 50%) in HSL. In print terms it converts to roughly C0 M75 Y68 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC3342 - RGB
204, 51, 66 - HSL
354°, 60%, 50% - CMYK
0, 75, 68, 20 - Family
Red - Tone
Medium, saturated
About Soft Cardinal
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.10:1. Its complementary color is #33CCBD.
Download Soft Cardinal 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 Cardinal color codes
| HEX | #CC3342 |
|---|---|
| RGB | rgb(204, 51, 66) |
| HSL | hsl(354, 60%, 50%) |
| HSV | 354°, 75%, 80% |
| CMYK | 0%, 75%, 68%, 20% |
| Decimal | 13382466 |
Shades and tints of Soft Cardinal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7DDE0 - 100
#EEBBC0 - 200
#E699A1 - 300
#DD7781 - 400
#D55562 - 500
#CC3342 - 600
#AA2B37 - 700
#88222C - 800
#661A21 - 900
#441116 - 950
#22090B
Color harmonies for Soft Cardinal
- Complementary
#33CCBD≈ Soft Cyan - Analogous −30°
#CC338F≈ Soft Raspberry - Analogous +30°
#CC7033≈ Soft Cinnabar - Triadic +120°
#42CC33≈ Soft Green - Triadic +240°
#3342CC≈ Soft Blue - Split 150°
#33CC70≈ Soft Jade - Split 210°
#338FCC≈ Soft Capri
Contrast and accessibility of Soft Cardinal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Cardinal | Aa | 5.10:1 | AA (good) |
| Black text on Soft Cardinal | Aa | 4.12:1 | AA Large only |
CSS code for Soft Cardinal
background-color: #CC3342;color: #CC3342;background-color: rgb(204, 51, 66);background-color: hsl(354, 60%, 50%);:root { --color-soft-cardinal: #CC3342; }class="bg-[#CC3342]"Colors similar to Soft Cardinal
- Soft Red
#CC3333 - Soft Crimson
#CC3352 - Soft Scarlet
#CC4233 - Cardinal
#C41E3A - Soft Ruby
#CC3361 - Vermilion
#E34234 - Medium Light Bright Red
#EA3E3E - Medium Dark Soft Crimson
#AB2B45 - Medium Light Bright Cardinal
#EA3E4F - Medium Dark Soft Cardinal
#AB2B38 - Medium Dark Soft Ruby
#AB2B51 - Medium Dark Bright Ruby
#C11549
More red shades
- Light Bright Cardinal
#EE6371 - Darkest Soft Cardinal
#290A0D - Very Dark Soft Cardinal
#491218 - Dark Soft Cardinal
#6A1B22 - Deep Soft Cardinal
#8B232D - Medium Dark Soft Cardinal
#AB2B38 - Medium Light Soft Cardinal
#D45460 - Light Soft Cardinal
#DC747F - Darkest Muted Cardinal
#240F11 - Very Dark Muted Cardinal
#401C1F - Dark Muted Cardinal
#5D282D
Frequently asked questions
What is the HEX code for Soft Cardinal?
The HEX code for Soft Cardinal is #CC3342.
What is the RGB value of Soft Cardinal?
Soft Cardinal has an RGB value of 204, 51, 66 (rgb(204, 51, 66)). In HSL it is 354°, 60%, 50%.
What text color should I use on Soft Cardinal?
Use white text on Soft Cardinal. White text has a contrast ratio of 5.10:1 and black text has 4.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Cardinal?
The complementary color of Soft Cardinal is #33CCBD. Analogous colors #CC338F and #CC7033 also pair well.