Honeysuckle is a lively, nature-inspired shade with a pinkish-red tone, sitting between red and pink on the color wheel. It blends warmth with vibrancy, sharing similarities with trumpet honeysuckle and coral. Perfect for adding energy to designs, especially in a floral or warm color palette.
Honeysuckle is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #EAE86F
- RGB value: 91.8% red, 91.0% green, 43.5% 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 honeysuckle, consider:
- Watermelon (#FC6C85): Watermelon embodies a bright, lively vibe akin to the vibrant and nature-inspired shade that Honeysuckle offers, making it a perfect match in the pinkish-red tone family.
- Cerise (#DE3163): Cerise presents a vivid, floral color that's closely aligned with the Honeysuckle hue, closely capturing its warm and stylish color schemes without losing vibrancy.
- Amaranth (#E83256): As a warm color palette staple, Amaranth mirrors Honeysuckle's pinkish-red tone with its vibrant and fashionable appearance, reflecting a similar depth and energetic quality.
- Radical Red (#FF355E): This bold and vibrant color resonates with Honeysuckle by embracing a strong pinkish-red tone, perfectly fitting into any lively floral color landscape.
To complement Honeysuckle, consider pairing it with:
- Turquoise (#40E0D0): This vibrant color creates an invigorating contrast with Honeysuckle, bringing a lively and refreshing feel to any design.
- Navy Blue (#000080): A deep, stable shade, navy blue adds sophistication to the playful warmth of Honeysuckle.
- Chartreuse (#CCFF00): This bold, zesty color balances Honeysuckle's warmth, highlighting its floral vibrancy.
- Peach (#FFD3AC): Soft and gentle, peach complements Honeysuckle's lively hue, creating a harmonious, stylish color scheme.
- Cream (#FDFBD4): Cream provides a neutral backdrop, allowing Honeysuckle's energetic tone to shine within a warm color palette.
While Honeysuckle is a vibrant and nature-inspired shade, it may clash with:
- Neon Pink (#FF13F0): Both colors compete for attention due to their intense vibrancy, leading to a visually jarring effect in a vibrant color palette.
- Scarlet (#ED2100): Scarlet's boldness can overpower Honeysuckle, creating an unbalanced and overly dominant warm color palette.
- Cyan (#00FFFF): This cool hue creates too stark a contrast against Honeysuckle, resulting in a clash that disrupts the floral color's harmony.
- Lime Green (#89F336): Its brightness may overwhelm Honeysuckle's warmth, disrupting a harmonious connection within a nature-inspired shade palette.
- Dark Purple (#341539): The deep, rich tone of dark purple can overshadow Honeysuckle, leading to a heavy and less vibrant color scheme.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Chartreuse Bloom
Lemon Lullaby
Citrus Fizz
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
1.29:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Fail
- AA
- 3:1
- Fail
- AAA
- 4.5:1
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
16.27:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Pass
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #EAE86F, known as Honeysuckle, has RGB values of R:234, G:232, B:111 and CMYK values of C:0, M:1, Y:53, K:8.
| VALUE | CSS | |
|---|---|---|
| HEX | #EAE86F | #EAE86F |
| RGB DECIMAL | 234, 232, 111 | RGB(234,232,111) |
| RGB PERCENTAGE | 91.8, 91.0, 43.5 | RGB(91.8%,91.0%,43.5%) |
| CMYK | 0, 1, 53, 8 | |
| HSL | HSL(59.0, 74.5%, 67.6%) | HSL(59.0, 74.5%, 67.6%) |
| HSV (OR HSB) | 59.0°, 52.6, 91.8 | |
| WEB SAFE | #255255102 | #255255102 |
| BINARY | 11101010, 11101000, 01101111 | |
| iOS - SwiftUI | Color(red: 0.918, green: 0.910, blue: 0.435) | |
| iOS - UIKit | UIColor(red: 0.918, green: 0.910, blue: 0.435, alpha: 1) | |
| Android - Compose | Color(0xFFEAE86F) |
