
Figma color wheel
Want to find the perfect complementary or analogous colors to match ebony?
Skip to main content
Everything you need to know about ebony to inspire your next design.
Ebony, typically known for its deep black shades, takes on a unique hue in Hex code #5D6658. This dark grayish-green variant provides a rich and earthy twist on the classic color black. Its subtle green undertones offer a sophisticated and natural depth, making it suitable for designs that require a strong yet nuanced palette. This color maintains the elegance associated with black while introducing a fresh, organic feel.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Succulents
Memoir
Marshland
Ebony is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #5D6658
- RGB value: 36.5% red, 40% green and 34.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.
Using ebony in UI design effectively involves leveraging its depth and sophistication while maintaining balance and accessibility. Here are some tips:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same muted and earthy spectrum as ebony, consider the following options:
To complement ebony's deep and grounding tones, consider pairing it with:
Other colors worth considering include mustard yellow to add a pop of vintage charm, dusty rose for a soft, romantic vibe, and pale turquoise to introduce a refreshing contrast.
While ebony is a versatile shade, it may clash with:
The rarity and darkness of ebony wood connect the color to power, elegance, and even mystery. This depth also carries a touch of solemnity, making it a traditional color for mourning and dignified settings.
Like black, ebony evokes feelings of strength, authority, and discipline. However, ebony's subtle warmth softens the impact slightly. It's a grounding and stabilizing color, suggesting reliability and seriousness.
Ebony creates a strong visual impact in UI design. It conveys professionalism and sophistication, making it ideal for luxury brands, high-end interfaces, and applications targeting a mature audience. Ebony creates a striking contrast when used as a background or for text, improving readability and allowing users to focus on essential content. Remember to balance it with lighter colors to avoid a heavy or oppressive feel. In minimalist designs, ebony's depth creates a sense of space and luxury.
The word "ebony" comes from the tree, famous for its deep black color, density, and beautiful polish. This prized wood has been a favorite of craftspeople for centuries. Ancient Egyptians used ebony for furniture, carvings, and even musical instruments, valuing its beauty and durability.
Today, the color "ebony" is used in fashion and design to evoke a similar sense of luxury and sophistication, offering a stylish alternative to plain black.
Contrast 5.99
#5D6658
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.51
#5D6658
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #5D6658, known as ebony, has RGB values of R:93, G:102, B:88 and CMYK values of C:0.09, M:0, Y:0.14, K:0.6.
| VALUE | CSS | |
|---|---|---|
| HEX | 5D6658 | #5D6658 |
| RGB DECIMAL | 93, 102, 88 | rgb(93,102,88) |
| RGB PERCENTAGE | 36.5, 40, 34.5 | rgb(36.5%,40%,34.5%) |
| CMYK | 9, 0, 14, 60 | |
| HSL | 98.6°, 7.4, 37.3 | hsl(98.6,7.4%,37.3%) |
| HSV (OR HSB) | 98.6°, 13.7, 40 | |
| WEB SAFE | 666666 | #666666 |
| CIE-LAB | 42.053, -6.37, 6.745 | |
| XYZ | 11.027, 12.534, 11.07 | |
| xyY | 0.318, 0.362, 12.534 | |
| CIE-LCH | 42.053, 9.278, 133.363 | |
| CIE-LUV | 42.053, -4.337, 9.502 | |
| HUNTER-LAB | 35.404, -6.363, 6.243 | |
| BINARY | 01011101, 01100110, 01011000 | |
| iOS - SwiftUI | Color(red: 93/255, green: 102/255, blue: 88/255) | |
| iOS - UIKit | UIColor(red: 93/255.0, green: 102/255.0, blue: 88/255.0, alpha: 1.0) | |
| Android - Compose | Color(0xFF5D6658) |

Want to find the perfect complementary or analogous colors to match ebony?

Learn about the color olive green.

Learn more about the sand tone.