Green family
Emerald Green color
A deep, rich green. The reference emerald green is #028F1E, as defined by the xkcd Color Survey.
| HEX | #028F1E | |
|---|---|---|
| RGB | rgb(2, 143, 30) | |
| HSL | hsl(132, 97%, 28%) | |
| HSV | hsv(132, 99%, 56%) | |
| OKLCH | oklch(56.5% 0.181 144.2) | |
| CMYK* | 99, 0, 79, 44 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is emerald green?
Emerald green is a vivid, slightly bluish green named after the gemstone. The xkcd survey gives #028F1E for emerald green and a slightly lighter shade for plain emerald, while the Emerald Green of the Color Names list is much darker. It is a jewel tone, rich and saturated without being neon.
Emerald Green hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of emerald green in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Emerald Green | #028F1E | xkcd Color Survey | Reference shown on this page |
| Emerald Green | #046307 | Color Names (meodai) | Noticeably different · 46% similar |
| Emerald | #01A049 | xkcd Color Survey | Close · 77% similar |
| Emerald | #028F1E | Color Names (meodai) | Same color |
Emerald Green vs Forest Green
#028F1E
#228B22
Forest green is darker and duller; emerald is brighter and bluer. In numbers: the two are 94% similar (OKLab distance 0.015). See Forest Green for its own codes.
Colors similar to emerald green
The closest named colors to #028F1E across all three sources, with their similarity in OKLab.
Tints and shades of emerald green
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with emerald green
Classic color-wheel combinations built on #028F1E, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Emerald Green with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a emerald green background, black text is the better choice.
Use emerald green in CSS
.emerald-green {
color: #028F1E;
/* or */ color: rgb(2 143 30);
/* or */ color: hsl(132 97% 28%);
/* or */ color: oklch(56.5% 0.181 144.2);
}