#FD7F20
Orange family

Tiger Orange

Also known as: energetic · vibrant · playful · bold · dynamic
Save
Hex #FD7F20
RGB rgb(253, 127, 32)
HSL hsl(26°, 98%, 56%)
CMYK 0 · 50 · 87 · 1
RAL RAL 2003 · Pastel Orange
NCS S 1040-Y60R

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

Meaning

In Western cultures, Tiger Orange symbolizes vitality and adventure, often associated with courage and determination. However, in certain Eastern traditions, this color can represent good fortune and prosperity, showcasing its multifaceted significance across cultures.

The term 'tiger orange' emerged in the late 20th century as a descriptor for this particular shade of orange, inspired by the coloration of tigers. It reflects a growing appreciation for wildlife and nature in design, particularly during the rise of eco-conscious movements in the 1990s.

energeticvibrantplayfulbolddynamic

Similar colors

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

All 27 Oranges →

Shades & tints

Nine steps of Tiger Orange by lightness — from #844211 (darkest) to #FEBC8B (lightest). Click any to copy.

-40% #844211
-30% #A25114
-20% #C06118
-10% #DF701C
BASE #FD7F20
+15% #FD8E3B
+30% #FD9E56
+50% #FEAD70
+70% #FEBC8B

Complementary

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

Palettes

Curated 5-color combinations featuring Tiger Orange.

#FD7F20
#A45A25
#F5F5F5
#FFA500
#C8C8C8

Savanna Sunset

Warm Escape
#FD7F20
#007A33
#FFFFFF
#FFC107
#9E9E9E

Jungle Adventure

Lively Exploration
#FD7F20
#FF6F61
#111111
#FFD700
#20B2AA

Tropical Fiesta

Festive Joy

Tiger Orange scale

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

50 #FFF5ED
100 #FFE8D7
200 #FECEAA
300 #FEB57E
400 #FD9A4F
500 #FD7F20
600 #CF681A
700 #A75415
800 #7F4010
900 #562B0B

Accessibility

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

Aa Best text color: #000000 · 8.23:1
Tiger Orange as text on… Ratio AA AAA
Aa White background 2.55:1 Fail Fail
Aa Black background 8.23:1 Pass Pass

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 #FD7F20

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

CSS color: #FD7F20;
CSS color-mix (lighten 30%) color-mix(in srgb, #FD7F20 70%, white)
HSV / HSB 26°, 87%, 99%
CMYK (print) 0, 50, 87, 1
Decimal 16613152
Nearest web-safe #FF6633

Color vision

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

Normal vision

#FD7F20

Protanopia (no red)

#C6C537

Deuteranopia (no green)

#CED73D

Tritanopia (no blue)

#F7494D
Marigold
14 / 27 Oranges Cinnabar
Copied!