What color is Emerald Green?
Emerald green is a rich, medium-dark green with a cool blue undertone, hex #00674F, similar in depth to the facets of a cut emerald gemstone. It is vivid but not bright, with enough darkness to feel saturated and full.
What is the meaning of the color Emerald Green?
Named after the emerald gemstone, the color has been associated with wealth and status since ancient Egypt, where emeralds were mined in the Eastern Desert as early as 1500 BCE. The color spread through European trade and became a prestige pigment in medieval manuscript illumination and textile dyeing. Pantone selected Emerald as its Color of the Year in 2013, describing it as a color of elegance and natural beauty, which brought the specific shade into broad use in fashion and product design.
RGB
0, 103, 79
HSL
166°, 100%, 20%
CMYK
100, 0, 23, 60
HSV
166°, 100%, 40%
What colors go with Emerald Green?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #00674F |
color: #00674F;
|
| RGB | 0, 103, 79 |
color: rgb(0, 103, 79);
|
| RGB Percentage | 0%, 40%, 31% |
color: rgb(0%, 40%, 31%);
|
| CMYK | 100%, 0%, 23%, 60% | Not supported in CSS |
| HSL | 166°, 100%, 20% |
color: hsl(166, 100%, 20%);
|
| HSV | 166°, 100%, 40% | Not supported in CSS |
| CIE-LAB | 16, -21, 8 |
color: lab(16% -21 8);
|
| Decimal | 26447 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.emerald-green {
color: #00674F;
}
SCSS
$emerald-green: #00674F;
RGB
rgb(0, 103, 79)
Accessibility & Contrast
White background
6.88:1
6.88
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.05:1
3.05
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element