Soft Scarlet is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #CC4233, which equals rgb(204, 66, 51) in RGB and hsl(6, 60%, 50%) in HSL. In print terms it converts to roughly C0 M68 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC4233 - RGB
204, 66, 51 - HSL
6°, 60%, 50% - CMYK
0, 68, 75, 20 - Family
Red - Tone
Medium, saturated
About Soft Scarlet
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 white is the most readable choice on this color, with a contrast ratio of 4.78:1. Its complementary color is #33BDCC.
Download Soft Scarlet 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 Scarlet color codes
| HEX | #CC4233 |
|---|---|
| RGB | rgb(204, 66, 51) |
| HSL | hsl(6, 60%, 50%) |
| HSV | 6°, 75%, 80% |
| CMYK | 0%, 68%, 75%, 20% |
| Decimal | 13386291 |
Shades and tints of Soft Scarlet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7E0DD - 100
#EEC0BB - 200
#E6A199 - 300
#DD8177 - 400
#D56255 - 500
#CC4233 - 600
#AA372B - 700
#882C22 - 800
#66211A - 900
#441611 - 950
#220B09
Color harmonies for Soft Scarlet
- Complementary
#33BDCC≈ Soft Cyan - Analogous −30°
#CC3370≈ Soft Ruby - Analogous +30°
#CC8F33≈ Peru - Triadic +120°
#33CC42≈ Soft Green - Triadic +240°
#4233CC≈ Soft Blue - Split 150°
#33CC8F≈ Soft Mint - Split 210°
#3370CC≈ Soft Cerulean
Contrast and accessibility of Soft Scarlet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Scarlet | Aa | 4.78:1 | AA (good) |
| Black text on Soft Scarlet | Aa | 4.39:1 | AA Large only |
CSS code for Soft Scarlet
background-color: #CC4233;color: #CC4233;background-color: rgb(204, 66, 51);background-color: hsl(6, 60%, 50%);:root { --color-soft-scarlet: #CC4233; }class="bg-[#CC4233]"Colors similar to Soft Scarlet
- Soft Red
#CC3333 - Soft Vermilion
#CC5233 - Soft Cardinal
#CC3342 - Vermilion
#E34234 - Cinnabar
#E44D2E - Medium Dark Bright Cinnabar
#C14915 - Medium Dark Bright Vermilion
#C13815 - Medium Light Bright Red
#EA3E3E - Soft Crimson
#CC3352 - Medium Dark Soft Vermilion
#AB452B - Bright Vermilion
#E64219 - Medium Light Bright Scarlet
#EA4F3E
More red shades
- Light Bright Scarlet
#EE7163 - Darkest Soft Scarlet
#290D0A - Very Dark Soft Scarlet
#491812 - Dark Soft Scarlet
#6A221B - Deep Soft Scarlet
#8B2D23 - Medium Dark Soft Scarlet
#AB382B - Medium Light Soft Scarlet
#D46054 - Light Soft Scarlet
#DC7F74 - Darkest Muted Scarlet
#24110F - Very Dark Muted Scarlet
#401F1C - Dark Muted Scarlet
#5D2D28
Frequently asked questions
What is the HEX code for Soft Scarlet?
The HEX code for Soft Scarlet is #CC4233.
What is the RGB value of Soft Scarlet?
Soft Scarlet has an RGB value of 204, 66, 51 (rgb(204, 66, 51)). In HSL it is 6°, 60%, 50%.
What text color should I use on Soft Scarlet?
Use white text on Soft Scarlet. White text has a contrast ratio of 4.78:1 and black text has 4.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Scarlet?
The complementary color of Soft Scarlet is #33BDCC. Analogous colors #CC3370 and #CC8F33 also pair well.