Eucalyptus is a calming gray-green color that embodies nature and serenity. Positioned between green and gray on the color wheel, it offers a soft, muted hue. Related shades include sage and mint. Use eucalyptus to create a tranquil, natural vibe in designs.
Eucalyptus is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #44D7A8
- RGB value: 26.7% red, 84.3% green, 65.9% 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 Eucalyptus, consider:
- Mint green (#adebb3): Offers a soft, refreshing hue, reminiscent of eucalyptus leaves' natural tenderness.
- Celadon (#a8dcab): Shares a muted, serene green tone, echoing eucalyptus's calming presence.
- Pastel green (#80ef80): Provides a light, gentle green, capturing eucalyptus's subtle, soft vibe.
- Seafoam (#8ddcdc): Blends blue and green softly, much like eucalyptus's tranquil and airy color.
To complement Eucalyptus, consider pairing it with:
- Blush Pink (#FF7782): This soft, warm pink adds a hint of coziness to Eucalyptus, balancing its cool green tones with a gentle contrast.
- Peach (#FFD3AC): Peach provides a light, airy complement to Eucalyptus, creating an inviting and harmonious palette.
- Bronze (#CE8946): The warm metallic sheen of bronze adds elegance to Eucalyptus, enhancing its earthy undertones.
- Mint Blue (#98FBCB): Mint blue's refreshing coolness aligns beautifully with Eucalyptus, offering a calm, cohesive look.
- Slate Gray (#6D8196): Slate gray introduces a sophisticated neutral that grounds Eucalyptus while maintaining its natural vibe.
While Eucalyptus is soothing, it may clash with:
- Crimson Red (#b22222): The bold, intense red can overpower Eucalyptus, disrupting its calming nature.
- Neon Pink (#ff13f0): The extremely bright pink can create a jarring contrast with the muted tones of Eucalyptus.
- Yellow-Orange (#ffb343): The warm, vibrant hue can clash, creating an unsettling visual tension with Eucalyptus.
- Electric Blue (#00f0ff): Its bright, saturated tone can harshly contrast with Eucalyptus's subtle green.
- Burnt Orange (#be5103): The deep warmth of burnt orange may overpower the soft, cool quality of Eucalyptus, leading to an unbalanced pairing.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Aqua Orchid
Coral Mint
Teal Zenith
Contrast checker
Contrast 1.82
- Large Text
#44D7A8
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 11.53
- Large Text
#44D7A8
- 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 #44D7A8, known as Eucalyptus, has RGB values of R:68, G:215, B:168 and CMYK values of C:68, M:0, Y:22, K:16.
| VALUE | CSS | |
|---|---|---|
| HEX | #44D7A8 | #44D7A8 |
| RGB DECIMAL | 68, 215, 168 | RGB(68,215,168) |
| RGB PERCENTAGE | 26.7, 84.3, 65.9 | RGB(26.7%,84.3%,65.9%) |
| CMYK | 68, 0, 22, 16 | |
| HSL | HSL(160.8, 64.8%, 55.5%) | HSL(160.8, 64.8%, 55.5%) |
| HSV (OR HSB) | 160.8°, 68.4, 84.3 | |
| WEB SAFE | #51204153 | #51204153 |
| BINARY | 01000100, 11010111, 10101000 | |
| iOS - SwiftUI | Color(red: 0.267, green: 0.843, blue: 0.659) | |
| iOS - UIKit | UIColor(red: 0.267, green: 0.843, blue: 0.659, alpha: 1) | |
| Android - Compose | Color(0xFF44D7A8) |
