What color is jade green?
Jade green, located in the middle of the green region on the color wheel, is a cool-toned shade that embodies luxury and sophistication, reminiscent of the precious jade stone. It shares the rejuvenating qualities of green with a hint of calmness from its blue influence.
What does jade green look like on digital screens?
Jade green is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #00BB77
- RGB value: 0% red, 73.3% green, and 46.7% 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.
How should I effectively use jade green in UI design?
Here are some ways to use jade green in your designs:
- Enhance micro-interactions. Use jade green to add polish to your interface and improve the user experience. For example, a subtle jade green glow over an icon can signal that it’s clickable when hovered over.
- Create a luxurious atmosphere. Jade green’s connection to luxury is great for brands promoting high-end products. Pair it with sophisticated neutrals like black or gray for a classy interface.
- Signify success. Since users often associate green with accomplishment, it’s a useful shade for indicating task completion. For example, a jade green checkbox on a form or a jade green confirmation notification can visually let users know they’ve entered the correct information.
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.
What are similar colors to jade green?
For variations within the same cool spectrum as jade green, consider:
- Light green (#88E788) appears softer and evokes a similar tranquil feel.
- Pastel green (#80EF80) shares a similar hue with more green undertones.
- Turquoise (#40E0D0) appears more blue with the same rejuvenating qualities.
- Emerald green (#00674F) is a jewel-toned shade with more green influence but shares a similar luxurious feel.
What colors go with jade green?
To complement jade green, consider pairing it with:
- Light yellow (#FFFFC5) complements jade green’s coolness for a fresh and cheerful color pairing.
- Amaranth (#E83256) contrasts jade green’s jewel tones for a vibrant yet balanced color scheme.
- Celadon (#A8DCAB) creates the perfect monochromatic color palette for a refreshing and harmonious feel.
- Taupe (#54463A) adds depth, creating a grounded and sophisticated atmosphere.
- Soft pink (#E89EB8) creates a whimsical and spring-like color combination.
Other colors worth considering include gold for a glamorous palette, navy blue for a classic pairing, and silver for a modern feel.
What colors conflict with jade green?
While jade green is serene, it may clash with:
- Olive green (#636B2F) may lean too yellow and look dull next to jade green’s coolness.
- Neon pink (#FF13F0) can overpower the serene and calming nature of jade green.
- Lime green (#89F336) appears visually overpowering and may compete for attention next to jade green.
- Neon orange (#FF5C00) may create a harsh contrast that can feel overwhelming next to jade green.
What does jade green symbolize?
Like the precious jade stone, jade green symbolizes luxury, sophistication, and abundance. It also carries connotations of growth and stability.
In color psychology, jade green promotes feelings of rejuvenation, peace, and tranquility. It also possesses uplifting qualities, promoting new beginnings and fresh starts.
In UI design, jade green is a good choice to signify success states due to its ability to ignite a sense of accomplishment amongst users. It’s also a great color option for brands looking to elevate their designs and create a luxurious and sophisticated user interface.
What’s the history of jade green?
The highly prized jade stone has been valued for centuries and used by many different civilizations—from the Maori in New Zealand to Ancient China and Mesoamerican cultures. It’s been used in carvings, spiritual ceremonies, jewelry, and weaponry, often carrying connections to wealth, protection, good luck, and healing.
It wasn’t until the 19th century that jade green was recorded as a color name, referring to the gemstone’s hue. Today, many cultures use jade green in art, jewelry, fashion, and designs.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Jaded
Jungle Heat
Metropolis
Accessibility: Contrast Checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
2.51: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.
8.37: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
Color conversion
The hexadecimal color #00BB77, known as jade green, has RGB values of R:0 G:187, B:119 and CMYK values of C:1, M:0, Y:0.36, K:0.27.
| VALUE | CSS | |
|---|---|---|
| HEX | 00BB77 | #00BB77 |
| RGB DECIMAL | 0, 187, 119 | RGB(0,187,119) |
| RGB PERCENTAGE | 0, 73.3, 46.7 | RGB(0%,73.3%,46.7%) |
| CMYK | 100, 0, 36, 27 | |
| HSL | 158.2°, 100, 36.7 | HSL(158.2°,100%,36.7%) |
| HSV (OR HSB) | 158.2°, 100, 73.3 | |
| WEB SAFE | 00CC66 | #00CC66 |
| CIE-LAB | 67.18, -55.79, 23.519 | |
| XYZ | 21.098, 36.87, 23.456 | |
| xyY | 0.259, 0.453, 36.87 | |
| CIE-LCH | 67.18, 60.545, 157.141 | |
| CIE-LUV | 67.18, -58.426, 40.622 | |
| HUNTER-LAB | 60.721, -44.239, 19.601 | |
| BINARY | 00000000, 10111011, 01110111 | |
| iOS - SwiftUI | Color(red: 0, green: 0.733, blue: 0.467) | |
| iOS - UIKit | UIColor(red: 0, green: 0.733, blue: 0.467, alpha: 1) | |
| Android - Compose | Color(0xFF00BB77) |
