Poppy is a bright and energetic shade full of vitality. It sits between red and orange on the color wheel, offering a lively, warm hue. Similar shades include vermilion and tulip red. Use poppy in designs to add a bold splash of energy and draw attention.
Poppy is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #E35335
- RGB value: 89.0% red, 32.5% green, 20.8% 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 Poppy, consider:
- Cinnabar (#e84b3d): Cinnabar carries a vivid, fiery red that mirrors Poppy's bold vibrancy, showcasing an intense and warm energy.
- Scarlet (#ed2100): Scarlet offers a striking, bright red with a clarity and brilliance similar to Poppy's lively hue.
- Vermilion (#e73121): With its bright red-orange tone, Vermilion echoes Poppy’s dynamic warmth while bringing a slightly more orangey tint.
- Burnt Sienna (#ed7b58): This warm, reddish-brown hue holds a rich vibrancy that resonates with Poppy's intense and energetic nature.
To complement poppy, consider pairing it with:
- Misty blue (#b5c7eb): Offers a calming balance to poppy's vibrant energy while enhancing its intensity.
- Cream (#fdfbd4): Provides a soft and neutral background, allowing poppy to remain the focal point in any design.
- Sage (#bbb791): Creates an earthy, sophisticated palette that complements poppy's boldness with elegance.
- Peach (#ffd3ac): Adds a gentle, warm contrast, enhancing poppy's brightness with a harmonious splash of warmth.
While Poppy is vibrant and cheerful, it may clash with:
- Neon Pink (#FF13F0): Its intense and electric hue can overpower Poppy, leading to a visually unsettling palette.
- Crimson Red (#B22222): The deep intensity of crimson red can compete with Poppy's brightness, creating a harsh contrast.
- Dark Green (#06402B): Dark green's strong and earthy tone may create too much contrast with Poppy's vividness, resulting in a discordant look.
- Neon Green (#2CFF05): The striking brightness of neon green can clash with Poppy, making the combination overwhelming and jarring.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Cinnamon Sky
Coral Meadow
Spiced Ember
Contrast checker
Contrast 3.78
- Large Text
#E35335
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 5.55
- Large Text
#E35335
- 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 #E35335, known as Poppy, has RGB values of R:227, G:83, B:53 and CMYK values of C:0, M:63, Y:77, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E35335 | #E35335 |
| RGB DECIMAL | 227, 83, 53 | RGB(227,83,53) |
| RGB PERCENTAGE | 89.0, 32.5, 20.8 | RGB(89.0%,32.5%,20.8%) |
| CMYK | 0, 63, 77, 11 | |
| HSL | HSL(10.3, 75.7%, 54.9%) | HSL(10.3, 75.7%, 54.9%) |
| HSV (OR HSB) | 10.3°, 76.7, 89.0 | |
| WEB SAFE | #20410251 | #20410251 |
| BINARY | 11100011, 01010011, 00110101 | |
| iOS - SwiftUI | Color(red: 0.890, green: 0.325, blue: 0.208) | |
| iOS - UIKit | UIColor(red: 0.890, green: 0.325, blue: 0.208, alpha: 1) | |
| Android - Compose | Color(0xFFE35335) |
