Sage green to RGB — Color Code

#88b378
Format Value
HEX #88b378
RGB rgb(136, 179, 120)
HSL hsl(103.7, 28%, 58.6%)
CMYK cmyk(24%, 0%, 33%, 29.8%)
HSV hsv(103.7, 33%, 70.2%)

sage green color harmonies

Tints & shades of sage green

Tints (lighter)

#93ba84 #9ec191 #a8c89d #b3cfa9 #bed6b5 #c9dcc2 #d4e3ce #dfeada #e9f1e6 #f4f8f3

Shades (darker)

#7ca36d #6f9262 #638257 #57724c #4a6241 #3e5137 #31412c #253121 #192116 #0c100b

Contrast & accessibility

The quick brown fox

On white · 2.4:1 · Fail

The quick brown fox

On black · 8.77:1 · AAA

Recommended text color: #000000

Use sage green in code

CSS color: #88b378;
SCSS $color: #88b378;
Tailwind bg-[#88b378]
Swift UIColor(red: 0.533, green: 0.702, blue: 0.471, alpha: 1)
Android Color.parseColor("#88b378")
Flutter Color(0xFF88B378)

Colors similar to sage green

Browse all Green colors →

What is the RGB code for sage green?

The CSS color sage green in RGB format is rgb(136, 179, 120). Use this value directly in CSS, SVG, and most design tools.

How do I use sage green in CSS?

To apply sage green in CSS:

  • Text color: color: rgb(136, 179, 120);
  • Background: background-color: rgb(136, 179, 120);
  • Border: border-color: rgb(136, 179, 120);

What are all the color format values for sage green?

FormatValue
HEX#88b378
RGBrgb(136, 179, 120)
HSLhsl(103.7, 28%, 58.6%)
CMYKcmyk(24%, 0%, 33%, 29.8%)

How do I convert sage green to RGB?

Select sage green from the color name list in our color converter. The RGB value — rgb(136, 179, 120) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does sage green belong to?

sage green belongs to the green color family. It is a medium, muted color with HSL values: hue 103.7°, saturation 28%, lightness 58.6%.

How do I create lighter and darker shades of sage green?

Lighter variant (lightness 73.6%): #b3cfa9. Darker variant (lightness 43.6%): #618e50. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is RGB used for?

RGB defines colors using three values from 0 to 255 — red, green and blue intensity. It is the native format for screens, monitors and web browsers.