Green family
Sage Green color
A light, soft green. The reference sage green is #88B378, as defined by the xkcd Color Survey.
| HEX | #88B378 | |
|---|---|---|
| RGB | rgb(136, 179, 120) | |
| HSL | hsl(104, 28%, 59%) | |
| HSV | hsv(104, 33%, 70%) | |
| OKLCH | oklch(72.1% 0.095 137.4) | |
| CMYK* | 24, 0, 33, 30 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is sage green?
Sage green is a soft gray-green, the colour of dried sage leaves. The xkcd survey sage green and the Color Names sage are almost identical, about #88B378. The Color Names list also has an unrelated brownish shade called Sage Green, a reminder that a name alone does not fix a colour.
Sage Green hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of sage green in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Sage Green | #88B378 | xkcd Color Survey | Reference shown on this page |
| Sage Green | #887766 | Color Names (meodai) | Noticeably different · 33% similar |
| Sage | #87AE73 | xkcd Color Survey | Very close · 94% similar |
| Sage | #87AE73 | Color Names (meodai) | Very close · 94% similar |
Sage Green vs Olive Green
#88B378
#677A04
Olive green is darker and yellower; sage is lighter, grayer and calmer. In numbers: the two are 27% similar (OKLab distance 0.182). See Olive Green for its own codes.
Colors similar to sage green
The closest named colors to #88B378 across all three sources, with their similarity in OKLab.
Tints and shades of sage 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 sage green
Classic color-wheel combinations built on #88B378, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Sage 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 sage green background, black text is the better choice.
Use sage green in CSS
.sage-green {
color: #88B378;
/* or */ color: rgb(136 179 120);
/* or */ color: hsl(104 28% 59%);
/* or */ color: oklch(72.1% 0.095 137.4);
}