#E44D2E
Orange family

Cinnabar

Also known as: vibrant · earthy · intense · rich · luminous
Save
Hex #E44D2E
RGB rgb(228, 77, 46)
HSL hsl(10°, 77%, 54%)
CMYK 0 · 66 · 80 · 11
RAL RAL 2012 · Salmon Orange
NCS S 1040-Y90R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Chinese culture, cinnabar is often associated with prosperity and joy, symbolizing good fortune. However, while it represents happiness in the East, it also carries connotations of danger and toxicity in Western contexts due to its mercury content.

The term 'cinnabar' comes from the Latin 'cinnabaris', which itself is derived from the Greek 'kinnabari', referring to the red mercuric sulfide mineral. Cinnabar pigments were widely used in ancient Rome, especially in frescoes, around the 1st century AD, showcasing their enduring appeal throughout history.

vibrantearthyintenserichluminous

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Cinnabar. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Cinnabar by lightness — from #772818 (darkest) to #F1A292 (lightest). Click any to copy.

-40% #772818
-30% #92311D
-20% #AD3B23
-10% #C94428
BASE #E44D2E
+15% #E76247
+30% #EA7860
+50% #EE8D79
+70% #F1A292

Complementary

Sitting opposite Cinnabar at 190° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Cinnabar.

#E44D2E
#FFFFCC
#888888
#FFB74D
#D84315

Desert Sunset

Warm Glow
#E44D2E
#2C2C2C
#F5F5F5
#FF6F61
#FFB300

Fiery Spirit

Dynamic Energy
#E44D2E
#F8BBD0
#CCCCCC
#B3E5FC
#FF8A65

Autumn Harvest

Cozy Vibes

Cinnabar scale

A 50–900 tonal scale with Cinnabar anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FDF1EE
100 #FADFD9
200 #F5BBB0
300 #EF9886
400 #EA725A
500 #E44D2E
600 #BB3F26
700 #96331E
800 #722717
900 #4E1A10

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 5.4:1
Cinnabar as text on… Ratio AA AAA
Aa White background 3.89:1 Large only Fail
Aa Black background 5.4:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #E44D2E

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #E44D2E;
CSS color-mix (lighten 30%) color-mix(in srgb, #E44D2E 70%, white)
HSV / HSB 10°, 80%, 89%
CMYK (print) 0, 66, 80, 11
Decimal 14961966
Nearest web-safe #CC6633

Color vision

How Cinnabar appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#E44D2E

Protanopia (no red)

#A3A136

Deuteranopia (no green)

#ABB737

Tritanopia (no blue)

#DC3B3D
Tiger Orange
15 / 27 Oranges Persimmon
Copied!