Cinnabar is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #E44D2E, which equals rgb(228, 77, 46) in RGB and hsl(10, 77%, 54%) in HSL. In print terms it converts to roughly C0 M66 Y80 K11, although exact CMYK results depend on the paper and color profile.
- HEX
#E44D2E - RGB
228, 77, 46 - HSL
10°, 77%, 54% - CMYK
0, 66, 80, 11 - Family
Red - Tone
Medium, saturated
About Cinnabar
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 black is the most readable choice on this color, with a contrast ratio of 5.40:1. Its complementary color is #2FC6E4.
Download 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…
Cinnabar color codes
| HEX | #E44D2E |
|---|---|
| RGB | rgb(228, 77, 46) |
| HSL | hsl(10, 77%, 54%) |
| HSV | 10°, 80%, 89% |
| CMYK | 0%, 66%, 80%, 11% |
| Decimal | 14961966 |
Shades and tints of Cinnabar
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBE1DC - 100
#F6C4B9 - 200
#F2A697 - 300
#ED8874 - 400
#E96B51 - 500
#E44D2E - 600
#BE4026 - 700
#98331F - 800
#722717 - 900
#4C1A0F - 950
#260D08
Color harmonies for Cinnabar
- Complementary
#2FC6E4≈ Medium Light Bright Peacock - Analogous −30°
#E42F6C≈ Medium Light Bright Ruby - Analogous +30°
#E4A82F≈ Medium Light Bright Tangerine - Triadic +120°
#2FE44D≈ Medium Light Bright Kelly - Triadic +240°
#4D2FE4≈ Medium Light Bright Ultramarine - Split 150°
#2FE4A8≈ Medium Light Bright Seafoam - Split 210°
#2F6CE4≈ Medium Light Bright Sapphire
Contrast and accessibility of Cinnabar
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cinnabar | Aa | 3.89:1 | AA Large only |
| Black text on Cinnabar | Aa | 5.40:1 | AA (good) |
CSS code for Cinnabar
background-color: #E44D2E;color: #E44D2E;background-color: rgb(228, 77, 46);background-color: hsl(10, 77%, 54%);:root { --color-cinnabar: #E44D2E; }class="bg-[#E44D2E]"Colors similar to Cinnabar
- Vermilion
#E34234 - Medium Light Bright Scarlet
#EA4F3E - Bright Cinnabar
#E65719 - Bright Vermilion
#E64219 - Medium Light Bright Red
#EA3E3E - Soft Vermilion
#CC5233 - Medium Light Bright Vermilion
#EA603E - Soft Scarlet
#CC4233 - Medium Light Vermilion
#FF5429 - Medium Light Scarlet
#FF3E29 - Medium Light Bright Cardinal
#EA3E4F - Soft Cinnabar
#CC6133
More red shades
- Maroon
#800000 - Red
#FF0000 - Rosy Brown
#BC8F8F - Burgundy
#800020 - Vermilion
#E34234 - Terracotta
#E2725B - Scarlet
#FF2400 - Carmine
#960018 - Cardinal
#C41E3A - Blush
#DE5D83 - Chestnut
#954535
Frequently asked questions
What is the HEX code for Cinnabar?
The HEX code for Cinnabar is #E44D2E.
What is the RGB value of Cinnabar?
Cinnabar has an RGB value of 228, 77, 46 (rgb(228, 77, 46)). In HSL it is 10°, 77%, 54%.
What text color should I use on Cinnabar?
Use black text on Cinnabar. White text has a contrast ratio of 3.89:1 and black text has 5.40:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cinnabar?
The complementary color of Cinnabar is #2FC6E4. Analogous colors #E42F6C and #E4A82F also pair well.