Persimmon color

A deep red-orange named after the persimmon fruit. It's richer than plain orange and has a warm, autumn feel. Designers use it in fall palettes, Japanese-inspired decor and food branding.

Persimmon · #EC5800

About persimmon

Persimmon (#EC5800) is a warm, mid-tone, highly saturated color. It belongs to the oranges family. It mixes 236 red, 88 green and 0 blue (out of 255). It is mostly used in fall decor, food branding, fashion.

Persimmon shades and tints

From lightest to darkest. Tap a shade to copy its code.

Persimmon color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Bright blue

AnalogousClose to: Red, Gold

TriadicClose to: Spring green, Violet

Split complementaryClose to: Turquoise blue, Blue

TetradicClose to: Neon green, Bright blue, Neon purple

Persimmon color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Persimmon

Analogous palette · Persimmon

Complementary palette · Persimmon

Triadic palette · Persimmon

With neutrals palette · Persimmon

With an accent palette · Persimmon

Persimmon contrast with text

White textContrast 3.5:1 · AA large text

Black textContrast 6.0:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --persimmon: #EC5800;
  --persimmon-rgb: 236, 88, 0;
}
.bg { background-color: var(--persimmon); }
.text { color: var(--persimmon); }

Colors similar to persimmon

Neon orange Pumpkin orange Burnt orange Orange red Safety orange Mahogany Orange Mango Cinnamon Poppy red

Themed palettes with this color

Frequently asked questions

What is the hex code for persimmon?

The hex code for persimmon is #EC5800. In RGB it is rgb(236, 88, 0), in HSL hsl(22, 100%, 46%) and in CMYK 0, 63, 100, 7.

What is the complementary color of persimmon?

Its complement on the color wheel is #0094EC, close to bright blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on persimmon?

Use black text instead: the contrast with white is only 3.5:1, while with black it is 6.0:1.