#EC5800
Orange family

Persimmon

Also known as: vibrant · luscious · energetic · earthy · bold
Save
Hex #EC5800
RGB rgb(236, 88, 0)
HSL hsl(22°, 100%, 46%)
CMYK 0 · 63 · 100 · 7
RAL RAL 2004 · Pure Orange

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

Meaning

In Japan, persimmon symbolizes good fortune and is often featured in seasonal celebrations. Contrastingly, in Western contexts, it can evoke energy and enthusiasm, but may also signal caution due to its strong, attention-grabbing quality.

The term 'persimmon' originates from the Powhatan word 'puchamin', referring to the edible fruit. By the 18th century, the color persimmon became associated with the fruit's vibrant hue, and in the 19th century, it was used in textiles and art for its striking appeal.

vibrantlusciousenergeticearthybold

Similar colors

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

All 27 Oranges →

Shades & tints

Nine steps of Persimmon by lightness — from #7B2E00 (darkest) to #F5A87A (lightest). Click any to copy.

-40% #7B2E00
-30% #973800
-20% #B34300
-10% #D04D00
BASE #EC5800
+15% #EE6C1F
+30% #F1803D
+50% #F3945C
+70% #F5A87A

Complementary

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

Palettes

Curated 5-color combinations featuring Persimmon.

#EC5800
#8B4513
#F5F5F5
#FF8C00
#FFD700

Autumn Harvest

Warm and Inviting
#EC5800
#FF4500
#888888
#FFDAB9
#FF6347

Sunset Glow

Vibrant and Dynamic
#EC5800
#00BFFF
#FFFFFF
#FF69B4
#32CD32

Tropical Escape

Bright and Playful

Persimmon scale

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

50 #FDF2EB
100 #FCE1D1
200 #F8C09E
300 #F49E6B
400 #F07B36
500 #EC5800
600 #C24800
700 #9C3A00
800 #762C00
900 #501E00

Accessibility

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

Aa Best text color: #000000 · 5.96:1
Persimmon as text on… Ratio AA AAA
Aa White background 3.52:1 Large only Fail
Aa Black background 5.96: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 #EC5800

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

CSS color: #EC5800;
CSS color-mix (lighten 30%) color-mix(in srgb, #EC5800 70%, white)
HSV / HSB 22°, 100%, 93%
CMYK (print) 0, 63, 100, 7
Decimal 15489024
Nearest web-safe #FF6600

Color vision

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

Normal vision

#EC5800

Protanopia (no red)

#ACAB15

Deuteranopia (no green)

#B5C01A

Tritanopia (no blue)

#E5262A
Cinnabar
16 / 27 Oranges Terracotta
Copied!