Soft Ruby is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #CC3361, which equals rgb(204, 51, 97) in RGB and hsl(342, 60%, 50%) in HSL. In print terms it converts to roughly C0 M75 Y52 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC3361 - RGB
204, 51, 97 - HSL
342°, 60%, 50% - CMYK
0, 75, 52, 20 - Family
Red - Tone
Medium, saturated
About Soft Ruby
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 4.98:1. Its complementary color is #33CC9E.
Download Soft Ruby 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 Ruby color codes
| HEX | #CC3361 |
|---|---|
| RGB | rgb(204, 51, 97) |
| HSL | hsl(342, 60%, 50%) |
| HSV | 342°, 75%, 80% |
| CMYK | 0%, 75%, 52%, 20% |
| Decimal | 13382497 |
Shades and tints of Soft Ruby
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7DDE5 - 100
#EEBBCA - 200
#E699B0 - 300
#DD7796 - 400
#D5557B - 500
#CC3361 - 600
#AA2B51 - 700
#882241 - 800
#661A31 - 900
#441120 - 950
#220910
Color harmonies for Soft Ruby
- Complementary
#33CC9E≈ Soft Seafoam - Analogous −30°
#CC33AD≈ Soft Raspberry - Analogous +30°
#CC5233≈ Soft Cinnabar - Triadic +120°
#61CC33≈ Soft Clover - Triadic +240°
#3361CC≈ Soft Cornflower - Split 150°
#33CC52≈ Soft Jade - Split 210°
#33ADCC≈ Soft Capri
Contrast and accessibility of Soft Ruby
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Ruby | Aa | 4.98:1 | AA (good) |
| Black text on Soft Ruby | Aa | 4.21:1 | AA Large only |
CSS code for Soft Ruby
background-color: #CC3361;color: #CC3361;background-color: rgb(204, 51, 97);background-color: hsl(342, 60%, 50%);:root { --color-soft-ruby: #CC3361; }class="bg-[#CC3361]"Colors similar to Soft Ruby
- Soft Carmine
#CC3370 - Soft Crimson
#CC3352 - Soft Blush
#CC3380 - Soft Cardinal
#CC3342 - Medium Light Bright Crimson
#EA3E60 - Medium Dark Soft Carmine
#AB2B5E - Medium Dark Soft Blush
#AB2B6B - Medium Light Bright Ruby
#EA3E72 - Medium Light Bright Cardinal
#EA3E4F - Medium Dark Soft Ruby
#AB2B51 - Medium Dark Bright Carmine
#C1155A - Medium Dark Bright Blush
#C1156B
More red shades
- Light Bright Ruby
#EE638D - Darkest Soft Ruby
#290A13 - Very Dark Soft Ruby
#491223 - Dark Soft Ruby
#6A1B32 - Deep Soft Ruby
#8B2342 - Medium Dark Soft Ruby
#AB2B51 - Medium Light Soft Ruby
#D4547A - Light Soft Ruby
#DC7493 - Darkest Muted Ruby
#240F15 - Very Dark Muted Ruby
#401C27 - Dark Muted Ruby
#5D2838
Frequently asked questions
What is the HEX code for Soft Ruby?
The HEX code for Soft Ruby is #CC3361.
What is the RGB value of Soft Ruby?
Soft Ruby has an RGB value of 204, 51, 97 (rgb(204, 51, 97)). In HSL it is 342°, 60%, 50%.
What text color should I use on Soft Ruby?
Use white text on Soft Ruby. White text has a contrast ratio of 4.98:1 and black text has 4.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Ruby?
The complementary color of Soft Ruby is #33CC9E. Analogous colors #CC33AD and #CC5233 also pair well.