Persimmon

#EC5800

What color is Persimmon?

Persimmon is a vivid reddish-orange, hex #EC5800, with a warm, flame-like intensity. It shares the deep orange-red of a ripe persimmon fruit at peak color.

What is the meaning of the color Persimmon?

Named directly for the persimmon fruit, the color entered English alongside the word itself, borrowed from the Powhatan language of Virginia and first recorded in English around 1612. The fruit was documented by English colonists in early accounts of the Chesapeake region, and its striking orange-red skin gave the color its clearest reference point. As the fruit became familiar across North America, the name was adopted into design and textile industries to describe warm, saturated orange-reds. Pantone has listed Persimmon as a named shade in its fashion color system, anchoring the term in commercial use.

RGB
236, 88, 0
HSL
22°, 100%, 46%
CMYK
0, 63, 100, 7
HSV
22°, 100%, 93%
Persimmon color

What colors go with Persimmon?

Colors that pair well with Persimmon include:
Navy Blue: sharp, grounding contrast
Ivory: warm, soft balance
Forest Green: rich, earthy complement
Gold: intensifies warmth
Charcoal: strong, modern depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EC5800 color: #EC5800;
RGB 236, 88, 0 color: rgb(236, 88, 0);
RGB Percentage 93%, 35%, 0% color: rgb(93%, 35%, 0%);
CMYK 0%, 63%, 100%, 7% Not supported in CSS
HSL 22°, 100%, 46% color: hsl(22, 100%, 46%);
HSV 22°, 100%, 93% Not supported in CSS
CIE-LAB 37, 30, 29 color: lab(37% 30 29);
Decimal 15489024 Not supported in CSS

Color Variations

Shades

#EB5600
#D34D00
#BC4500
#A43C00
#8D3400
#752B00
#5E2200
#461A00

Tints

#FFCBAC
#FFB991
#FFA875
#FF965A
#FF853E
#FF7323
#FF6207
#EB5600

Tones

#EB5600
#DF590C
#D35C17
#C75F23
#BC632F
#B0663B
#A46946
#986C52

Hues

#EB5600
#CFEB00
#1FEB00
#00EB91
#0095EB
#1B00EB
#CB00EB
#EB005A

Color Harmonies

Analogous

#EB001F
Click to copy
#EC5800
Click to copy
#EBCB00
Click to copy

Complementary

#EC5800
Click to copy
#0095EB
Click to copy

Split Complementary

#EC5800
Click to copy
#00EBCB
Click to copy
#001FEB
Click to copy
97%

Triadic

#EC5800
Click to copy
#00EB56
Click to copy
#5600EB
Click to copy

Tetradic

#EC5800
Click to copy
#1FEB00
Click to copy
95%
#0095EB
Click to copy
#CB00EB
Click to copy

Square

#EC5800
Click to copy
#1FEB00
Click to copy
95%
#0095EB
Click to copy
#CB00EB
Click to copy

CSS & Dev Snippets

CSS
.persimmon {
  color: #EC5800;
}
SCSS
$persimmon: #EC5800;
RGB
rgb(236, 88, 0)

Accessibility & Contrast

White background

3.52:1
3.52
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.96:1
5.96
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags