#FF4500
Red family

Orange Red

Also known as: fiery · energetic · vivid · passionate · exciting
Save
Hex #FF4500
RGB rgb(255, 69, 0)
HSL hsl(16°, 100%, 50%)
CMYK 0 · 73 · 100 · 0
CSS orangered
RAL RAL 2004 · Pure Orange

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

Meaning

In Western cultures, Orange Red often symbolizes enthusiasm and passion, while in Eastern traditions, it can signify prosperity and good fortune. It evokes feelings of excitement and urgency, making it a popular choice in marketing and branding.

The term 'Orange Red' gained prominence in the late 19th century, notably in art and design, as artists began to explore the emotional impact of color. The pigment was formulated from cadmium sulfide, discovered in the 1830s, which provided a stable and vivid shade for painters.

fieryenergeticvividpassionateexciting

Similar colors

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

All 33 Reds →

Shades & tints

Nine steps of Orange Red by lightness — from #852400 (darkest) to #FF9E7A (lightest). Click any to copy.

-40% #852400
-30% #A32C00
-20% #C23400
-10% #E03D00
BASE #FF4500
+15% #FF5B1F
+30% #FF723D
+50% #FF885C
+70% #FF9E7A

Complementary

Sitting opposite Orange Red at 196° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Orange Red.

#FF4500
#FFD700
#FFFFFF
#FF1493
#8B0000

Sunset Glow

Warm Radiance
#FF4500
#8B4513
#F5F5DC
#FF8C00
#A52A2A

Autumn Harvest

Earthy Comfort
#FF4500
#FF6347
#2C3E50
#FFD700
#FF1493

Fiery Fiesta

Vibrant Celebration

Orange Red scale

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

50 #FFF0EB
100 #FFDED1
200 #FFB89E
300 #FF936B
400 #FF6C36
500 #FF4500
600 #D13900
700 #A82E00
800 #802300
900 #571700

Accessibility

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

Aa Best text color: #000000 · 6.1:1
Orange Red as text on… Ratio AA AAA
Aa White background 3.44:1 Large only Fail
Aa Black background 6.1: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 #FF4500

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

CSS color: orangered;
CSS color-mix (lighten 30%) color-mix(in srgb, orangered 70%, white)
HSV / HSB 16°, 100%, 100%
CMYK (print) 0, 73, 100, 0
Decimal 16729344
Nearest web-safe #FF3300

Color vision

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

Normal vision

#FF4500

Protanopia (no red)

#AEAD11

Deuteranopia (no green)

#B9C715

Tritanopia (no blue)

#F61E21
Dark Red
33 / 33 Reds
Copied!