Green color

Sage #B2AC88

#B2AC88 · rgb(178, 172, 136)

Sage is the color #B2AC88. In RGB it is rgb(178, 172, 136) — 70% red, 67% green and 53% blue. Its CMYK breakdown is 0% cyan, 3% magenta, 24% yellow and 30% black, and in HSL it sits at 51° hue, 21% saturation and 62% lightness. Sage is not a standard CSS color name; the nearest web color is Dark Gray (#A9A9A9). The closest web-safe color is #999999.

Open in color picker Convert Make a palette Check contrast

Sage color codes

Hex#B2AC88

RGBrgb(178, 172, 136)

RGB %70%, 67%, 53%

HSLhsl(51, 21%, 62%)

HSV / HSBhsv(51, 24%, 70%)

CMYKcmyk(0%, 3%, 24%, 30%)

OKLCHoklch(74% 0.05 100)

Closest web-safe#999999

Sage color meaning

Sage is a calm, natural and understated green — a warm color at 62% lightness and 21% saturation. Like other greens, it is linked with nature, growth and balance. It is the color the eye finds most restful, which is why it signals health, freshness and "go".

Because it is calm, natural and understated, sage works best for interiors, neutral palettes, fashion basics and photography backdrops. As text on white it would be too faint (2.3:1), so use it for fills and backgrounds and put black text on top (9.1:1).

What colors go with Sage?

Sage pairs well with Steel Blue, Camel, Dark Khaki and Charcoal: Steel Blue sits close to its opposite on the color wheel for strong contrast, Camel and Dark Khaki are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around sage in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Sage at a glance

Color family	Green · warm, calm, natural and understated
CSS color name	No — nearest keyword is Dark Gray (#A9A9A9)
As text on white	2.30:1 — not readable as text
Best text on it	Black (9.15:1)
For print (CMYK)	0% cyan, 3% magenta, 24% yellow, 30% black
Full screen	Open the sage screen — fill your display or download it in 4K

Contrast

Contrast ratio of Sage against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 2.30:1 Black text — 9.15:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Sage

Sage color FAQ

What is the hex code for Sage?

Sage is #B2AC88, which is rgb(178, 172, 136) and hsl(51, 21%, 62%). For print it is roughly C0 M3 Y24 K30.

What colors go with Sage?

Sage pairs well with Steel Blue, Camel, Dark Khaki, Charcoal. Steel Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Sage a warm or cool color?

Sage is a warm color: its hue is 51°, on the red, orange and yellow side of the color wheel.

What text color looks best on Sage?

Black text, with a contrast ratio of 9.1:1, which meets WCAG AA for normal text.