Malachite is a vivid, rich green full of earthy tones, often linked with the calming essence of nature. Nestled between green and teal on the color wheel, it resembles a vibrant green mineral. Try it in designs needing depth and elegance, paired with shades like emerald or jade for a harmonious feel.
Malachite is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #0BDA51
- RGB value: 4.3% red, 85.5% green, 31.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 malachite, consider:
- Emerald (#50C878): This vivid green shares the same rich hue and luxurious feel as Malachite, making it perfect for evoking the imagery of lush, verdant landscapes.
- Jade Green (#00bb77): Both serene and vibrant, Jade Green captures the essence of Malachite's earthy tones with its balanced blend of blue and green undertones.
- Sea Green (#2E8B57): With a slightly cooler, bluish tint, Sea Green mirrors Malachite's calm, natural appeal, keeping the overall vividness intact.
- Green (#008000): Known for its classic verdant quality, this shade embodies the rich, earthy tones found in Malachite, offering a grounded, earthy vibe.
To complement Malachite's vibrant green hues, consider pairing it with:
- Burnt Orange (#BE5103): This warm, earthy tone contrasts beautifully with Malachite's vivid green, creating a color palette reminiscent of autumn's rich colors.
- Taupe (#54463A): Offering a soft, neutral backdrop, taupe allows the rich hue of Malachite to take center stage, enhancing its natural pattern and elegance.
- Cream (#FDFBD4): Cream provides a light, airy background that complements Malachite's verdant, natural tones, accentuating its vivid green banding effortlessly.
While Malachite is a vivid green with its rich hue, it may clash with:
- Neon Pink (#FF13F0): This bright color competes with Malachite's vivid green, creating a visual discord due to their similar intensities and high saturation.
- Scarlet (#ED2100): Scarlet introduces a stark contrast that can appear harsh against the vibrant, earthy tones of Malachite, making for an unsettling pairing.
- Burgundy (#660033): Malachite's rich hue does not mix well with Burgundy's deep, earthy tones, resulting in a muted and heavy appearance when combined.
- Cerulean (#007BA7): Cerulean carries a bright blue, and when placed next to Malachite, it disrupts the harmonious balance, leading to a visually overwhelming combination.
- Yellow-Orange (#FFB343): With its warm intensity, Yellow-Orange overshadows Malachite's verdant presence, creating a color combination that can be overly vibrant and discordant.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Vibrant Mint
Lush Reverie
Zesty Prism
Contrast checker
Contrast 1.88
- Large Text
#0BDA51
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 11.16
- Large Text
#0BDA51
- 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 #0BDA51, known as Malachite, has RGB values of R:11, G:218, B:81 and CMYK values of C:95, M:0, Y:63, K:15.
| VALUE | CSS | |
|---|---|---|
| HEX | #0BDA51 | #0BDA51 |
| RGB DECIMAL | 11, 218, 81 | RGB(11,218,81) |
| RGB PERCENTAGE | 4.3, 85.5, 31.8 | RGB(4.3%,85.5%,31.8%) |
| CMYK | 95, 0, 63, 15 | |
| HSL | HSL(140.3, 90.4%, 44.9%) | HSL(140.3, 90.4%, 44.9%) |
| HSV (OR HSB) | 140.3°, 95.0, 85.5 | |
| WEB SAFE | #0204102 | #0204102 |
| BINARY | 00001011, 11011010, 01010001 | |
| iOS - SwiftUI | Color(red: 0.043, green: 0.855, blue: 0.318) | |
| iOS - UIKit | UIColor(red: 0.043, green: 0.855, blue: 0.318, alpha: 1) | |
| Android - Compose | Color(0xFF0BDA51) |
