Persimmon is a cheerful, vibrant hue resembling sweet persimmons, falling between orange and red on the color wheel. It exudes warmth with shades like tangerine and yellow-orange. Use persimmon in designs for a fresh pop of color, bringing energy and playfulness to any project.
Persimmon is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #EC5800
- RGB value: 92.5% red, 34.5% green, 0.0% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as persimmon, consider:
- Terracotta (#E35336): Terracotta offers a warm tone with a balanced mix of red and orange, capturing the earthy undertone often seen in sweet persimmons.
- Burnt Sienna (#ED7B58): Burnt Sienna presents a rich, warm tone with its subtle orange hue, echoing the natural warmth found in persimmmon colors.
- Coral (#FF8559): Coral leans towards an orange hue with its vibrant and lively appearance, similar to the tangerine shade of some persimmons.
- Red-Orange (#FF4B33): Red-Orange presents a striking mix of red and orange, resembling the vivid, bold tones found in persimmons.
To complement Persimmon, consider pairing it with:
- Sky Blue (#82c8e5): The cool, calming shade of sky blue balances Persimmon's warm tone beautifully, creating a vibrant tint that's pleasing to the eye.
- Mint Green (#adebb3): This refreshing color adds a gentle contrast to the orange hue of Persimmon, invoking a sense of tranquility while highlighting its warmth.
- Navy Blue (#000080): The depth and richness of navy blue provide a striking contrast to Persimmon's vibrant tint, making each color stand out.
- Cream (#fdfbd4): Offering a soft, neutral backdrop, cream enhances Persimmon's dynamic presence without overpowering it—ideal for a warm and inviting palette.
- Mustard Yellow (#ffce1b): This bold shade introduces a cheerful lift and pairs well with Persimmon, echoing autumn shades and adding a touch of brightness.
While persimmon is a vibrant tint full of warmth and character, it may clash with:
- Dark Red (#950606): This color competes with persimmon due to its deep, overpowering nature, which can overwhelm the warmth of persimmon.
- Neon Green (#2CFF05): The intense brightness of neon green creates a jarring contrast with persimmon's warm tone, resulting in a visually discordant pairing.
- Magenta (#FD3DB5): This shade may clash with persimmon as both are bold, leading to a palette that feels overwhelming and lacks harmony.
- Navy Blue (#000080): The depth and coolness of navy blue can starkly contrast with persimmon, making the combination visually unsettling.
- Cyan (#00FFFF): This hue introduces too much contrast with persimmon's orange hue, creating a harsh visual effect that detracts from its warm tone.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Spice Glow
Sapphire Spice
Inferno Zest
Contrast checker
Contrast 3.52
- Large Text
#EC5800
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.96
- Large Text
#EC5800
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #EC5800, known as Persimmon, has RGB values of R:236, G:88, B:0 and CMYK values of C:0, M:63, Y:100, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #EC5800 | #EC5800 |
| RGB DECIMAL | 236, 88, 0 | RGB(236,88,0) |
| RGB PERCENTAGE | 92.5, 34.5, 0.0 | RGB(92.5%,34.5%,0.0%) |
| CMYK | 0, 63, 100, 7 | |
| HSL | HSL(22.4, 100.0%, 46.3%) | HSL(22.4, 100.0%, 46.3%) |
| HSV (OR HSB) | 22.4°, 100.0, 92.5 | |
| WEB SAFE | #2551020 | #2551020 |
| BINARY | 11101100, 01011000, 00000000 | |
| iOS - SwiftUI | Color(red: 0.925, green: 0.345, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.925, green: 0.345, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFEC5800) |
