Soft Cinnabar is a medium, saturated shade in the orange color family, with a warm feel. Its HEX code is #CC6133, which equals rgb(204, 97, 51) in RGB and hsl(18, 60%, 50%) in HSL. In print terms it converts to roughly C0 M52 Y75 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#CC6133 - RGB
204, 97, 51 - HSL
18°, 60%, 50% - CMYK
0, 52, 75, 20 - Family
Orange - Tone
Medium, saturated
About Soft Cinnabar
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. 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 5.33:1. Its complementary color is #339ECC.
Download Soft Cinnabar 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 Cinnabar color codes
| HEX | #CC6133 |
|---|---|
| RGB | rgb(204, 97, 51) |
| HSL | hsl(18, 60%, 50%) |
| HSV | 18°, 75%, 80% |
| CMYK | 0%, 52%, 75%, 20% |
| Decimal | 13394227 |
Shades and tints of Soft Cinnabar
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7E5DD - 100
#EECABB - 200
#E6B099 - 300
#DD9677 - 400
#D57B55 - 500
#CC6133 - 600
#AA512B - 700
#884122 - 800
#66311A - 900
#442011 - 950
#221009
Color harmonies for Soft Cinnabar
- Complementary
#339ECC≈ Soft Peacock - Analogous −30°
#CC3352≈ Soft Ruby - Analogous +30°
#CCAD33≈ Soft Amber - Triadic +120°
#33CC61≈ Soft Emerald - Triadic +240°
#6133CC≈ Soft Indigo - Split 150°
#33CCAD≈ Soft Aquamarine - Split 210°
#3352CC≈ Soft Sapphire
Contrast and accessibility of Soft Cinnabar
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Cinnabar | Aa | 3.94:1 | AA Large only |
| Black text on Soft Cinnabar | Aa | 5.33:1 | AA (good) |
CSS code for Soft Cinnabar
background-color: #CC6133;color: #CC6133;background-color: rgb(204, 97, 51);background-color: hsl(18, 60%, 50%);:root { --color-soft-cinnabar: #CC6133; }class="bg-[#CC6133]"Colors similar to Soft Cinnabar
- Soft Vermilion
#CC5233 - Soft Persimmon
#CC7033 - Chocolate
#D2691E - Copper
#B87333 - Medium Dark Bright Persimmon
#C15A15 - Medium Light Soft Scarlet
#D46054 - Medium Dark Bright Orange
#C16B15 - Medium Light Bright Vermilion
#EA603E - Medium Light Soft Vermilion
#D46D54 - Medium Dark Soft Persimmon
#AB5E2B - Medium Light Soft Red
#D45454 - Cinnabar
#E44D2E
More orange shades
- Bright Cinnabar
#E65719 - Medium Light Bright Cinnabar
#EA723E - Light Bright Cinnabar
#EE8D63 - Pale Bright Cinnabar
#F2A788 - Very Pale Bright Cinnabar
#F6C2AC - Palest Bright Cinnabar
#FADDD1 - Medium Light Soft Cinnabar
#D47A54 - Light Soft Cinnabar
#DC9374 - Pale Soft Cinnabar
#E4AD95 - Very Pale Soft Cinnabar
#EDC6B6 - Palest Soft Cinnabar
#F5DFD6
Frequently asked questions
What is the HEX code for Soft Cinnabar?
The HEX code for Soft Cinnabar is #CC6133.
What is the RGB value of Soft Cinnabar?
Soft Cinnabar has an RGB value of 204, 97, 51 (rgb(204, 97, 51)). In HSL it is 18°, 60%, 50%.
What text color should I use on Soft Cinnabar?
Use black text on Soft Cinnabar. White text has a contrast ratio of 3.94:1 and black text has 5.33:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Cinnabar?
The complementary color of Soft Cinnabar is #339ECC. Analogous colors #CC3352 and #CCAD33 also pair well.