Pear is a fresh, lively shade that blends green with hints of yellow. It sits between green and yellow on the color wheel, exuding a juicy fruit hue. Variants include the Bartlett pear with its yellow tint and a touch of red blush. Ideal for creating refreshing, nature-inspired designs.
Pear is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #D1E231
- RGB value: 82.0% red, 88.6% green, 19.2% 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 pear, consider:
- Chartreuse (#CCFF00): Chartreuse blends green with a yellow tint, similar to the fresh and vibrant hue you might find in a ripe pear. Its bright and lively tone captures the essence of a juicy Pear color.
- Lime Green (#89F336): Lime Green showcases a vibrant green with a subtle yellow tint, reminiscent of the refreshing and zesty character often associated with a pear’s skin.
- Yellow-Green (#CCFF00): Yellow-Green combines the warm glow of yellow with the coolness of green, creating a cheerful and crisp tone familiar to the color of a ripe pear.
- Celadon (#A8DCAB): While slightly more muted, Celadon exhibits a soothing green shade with hints of a pear’s subtle blush, offering a soft and understated pear-like quality.
To complement Pear, consider pairing it with:
- Wine (#722F37): Wine offers a rich, deep contrast to pear, bringing a touch of sophistication and enhancing the natural warmth of the fruit hue.
- Lavender (#D3D3FF): Lavender’s soft, calming tones harmonize beautifully with pear, offering a gentle balance that’s easy on the eyes.
- Navy Blue (#000080): Navy Blue provides a bold and striking contrast, highlighting the freshness and brightness of pear with its dark, classic appeal.
- Mustard Yellow (#FFCE1B): Mustard Yellow shares a warm undertone with pear, creating a complementary pairing that highlights both colors’ sunny attributes.
- Chocolate (#713600): Chocolate's earthiness intensifies pear’s vibrant green shade, evoking a natural, grounded palette.
While Pear is a delightful blend of green and yellow, it may clash with:
- Scarlet (#ED2100): Its warm intensity starkly contrasts with Pear's soft, green-yellow nature, creating a visually jarring effect.
- Hot Pink (#FF46A2): Known for its vibrant energy, Hot Pink can overpower Pear's subtlety, leading to a discordant pairing.
- Navy Blue (#000080): This deep, dark color can dominate Pear's lightness, making the overall combination appear unbalanced and heavy.
- Burnt Orange (#BE5103): Its rich, warm tone can conflict with Pear, with both colors vying for attention due to their distinct hues.
- Violet (#7F00FF): Its boldness contrasts awkwardly with Pear, lacking harmony due to their differing intensities and undertones.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Sunset Grove
Electric Fern
Vivid Citrus
Contrast checker
Contrast 1.44
- Large Text
#D1E231
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 14.63
- Large Text
#D1E231
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #D1E231, known as Pear, has RGB values of R:209, G:226, B:49 and CMYK values of C:8, M:0, Y:78, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #D1E231 | #D1E231 |
| RGB DECIMAL | 209, 226, 49 | RGB(209,226,49) |
| RGB PERCENTAGE | 82.0, 88.6, 19.2 | RGB(82.0%,88.6%,19.2%) |
| CMYK | 8, 0, 78, 11 | |
| HSL | HSL(65.8, 75.3%, 53.9%) | HSL(65.8, 75.3%, 53.9%) |
| HSV (OR HSB) | 65.8°, 78.3, 88.6 | |
| WEB SAFE | #20420451 | #20420451 |
| BINARY | 11010001, 11100010, 00110001 | |
| iOS - SwiftUI | Color(red: 0.820, green: 0.886, blue: 0.192) | |
| iOS - UIKit | UIColor(red: 0.820, green: 0.886, blue: 0.192, alpha: 1) | |
| Android - Compose | Color(0xFFD1E231) |
