Sage Green Color Code: HEX Code & RGB Code Values

Looking for specific sage green color code? Get exact sage green hex code #9CAF88 and sage green RGB code rgb(156,175,136). Complete color information for design and development projects featuring this soothing, earthy color.

HEX#9CAF88

RGBrgb(156,175,136)

Shades of Sage Green

Create custom shades of sage green with our color generator. Adjust hues, tints, and tones to find the perfect shade of sage green for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• 9CAF88

  rgb(156, 175, 136)
• 808F70

  rgb(128, 143, 112)
• 657159

  rgb(101, 113, 89)
• 4C5443

  rgb(76, 84, 67)
• 34392E

  rgb(52, 57, 46)
• 1D1F1A

  rgb(29, 31, 26)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 9CAF88

  rgb(156, 175, 136)
• ACBC9B

  rgb(172, 188, 155)
• BCC9AE

  rgb(188, 201, 174)
• CDD6C2

  rgb(205, 214, 194)
• DDE4D6

  rgb(221, 228, 214)
• EEF1EA

  rgb(238, 241, 234)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 9CAF88

  rgb(156, 175, 136)
• 9EAE8C

  rgb(158, 174, 140)
• A0AD91

  rgb(160, 173, 145)
• A2AC96

  rgb(162, 172, 150)
• A4AB9C

  rgb(164, 171, 156)
• A6AAA2

  rgb(166, 170, 162)
• 808080

  rgb(128, 128, 128)

Sage Green Palette

Explore curated and automatically generated color palettes featuring sage green. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#F0F6EA

Light

#D4DEC9

Medium Light

#B8C6A8

Medium

#9CAF88

Medium Dark

#798869

Dark

#57624B

Darkest

#383F2F

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#9CAF88

Left Dark

#B2C0A2

Left Medium

#C8D2BD

Left Light

#DEE3D9

Neutral

#F5F5F5

Right Light

#DED9E3

Right Medium

#C8BDD2

Right Dark

#B1A2C0

Complementary End

#9B88AF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#CDD6C2

Medium

#9CAF88

Dark

#455734

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#AF9B88

Left Adjacent 1

#AFAF88

Main

#9CAF88

Right Adjacent 1

#89AF88

Right Adjacent 2

#88AF9B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#9CAF88

Complementary

#9B88AF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#9CAF88

Secondary

#889CAF

Tertiary

#AF889C

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#9CAF88

Right 90°

#88AFAF

Complementary

#9B88AF

Left 90°

#AF8888

Tetradic

Two pairs of complementary colors

4 colors

Main

#9CAF88

Secondary

#88AF9B

Complementary

#9B88AF

Complementary Secondary

#AF889C

Split Complementary

Complementary colors ±30°

3 colors

Main

#9CAF88

Split Left

#8888AF

Split Right

#AF88AF

Cyclic

Circular gradient for periodic data

8 colors

0°

#9CAF88

45°

#88AF91

90°

#88AFAF

135°

#8892AF

180°

#9B88AF

225°

#AF88A6

270°

#AF8888

315°

#AFA588

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#B3BAAB

Pastel 1

#BDC3B6

Pastel 2

#C7CDC1

Pastel 3

#D1D6CD

Pastel 4

#DBDFD8

Deep Pastel

#E6E8E3

Common Green Color Codes (HEX & RGB)

Green →

HEX:#00FF00

RGB:rgb(0, 255, 0)

Dark Green →

HEX:#006400

RGB:rgb(0, 100, 0)

Light Green →

HEX:#90EE90

RGB:rgb(144, 238, 144)

Lime Green →

HEX:#00FF00

RGB:rgb(0, 255, 0)

Forest Green →

HEX:#228B22

RGB:rgb(34, 139, 34)

Sage Green →

HEX:#9CAF88

RGB:rgb(156, 175, 136)

Emerald →

HEX:#50C878

RGB:rgb(80, 200, 120)

Kelly Green →

HEX:#4CBB17

RGB:rgb(76, 187, 23)

Mint Green →

HEX:#98FF98

RGB:rgb(152, 255, 152)

Neon Green →

HEX:#39FF14

RGB:rgb(57, 255, 20)

Olive →

HEX:#808000

RGB:rgb(128, 128, 0)

Extract Sage Green Hex & RGB Codes from Image

Upload a photo to find the exact sage green HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Sage Green Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for sage green shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #9CAF88
• RGB:
  rgb(156, 175, 136)
• CMYK:
  cmyk(11%, 0%, 22%, 31%)
• HSV:
  hsv(89°, 22%, 69%)
• HSL:
  hsl(89°, 20%, 61%)

---

What is Sage Green?

Sage green is a muted, grey-green color named after the soft green leaves of the sage plant (Salvia officinalis). This gentle color evokes feelings of calm, wisdom, and natural elegance. Sage has been valued since ancient times for its culinary and medicinal properties—the Romans used it in cooking and medicine, while Native American tribes used it in spiritual ceremonies. The color captures the essence of this versatile herb, with its soft, earthy tones.

The word "sage" itself comes from the Latin salvia, meaning "to save" or "to heal," reflecting the plant's historical use in healing practices. Today, sage green remains a favorite in design for its understated sophistication and calming qualities.

The hex code for sage green is #9CAF88, with RGB values of rgb(156, 175, 136). This balanced combination creates a color that is neither too bright nor too dark, with subtle grey undertones that give it its characteristic muted appearance. Its CMYK values (approximately C:11, M:0, Y:22, K:31) produce a soft, earthy sage ideal for print applications.

Sage Green vs Similar Colors

Sage green occupies a unique muted territory:

Color	HEX Code	Key Difference
Sage Green	#9CAF88	Muted, grey-green
Olive	#808000	Yellow-leaning, earthier
Mint Green	#98FF98	Brighter, more vibrant
Sea Green	#2E8B57	Darker, more saturated

Sage green is more muted than mint green and less yellow than olive. It has a sophisticated, calming quality that feels timeless and refined.

Color Psychology and Meaning

Sage green carries a gentle, grounded psychological profile:

• Calm and tranquility: Sage green's muted tones have a soothing effect, creating a sense of peace and relaxation.
• Wisdom and clarity: Named after the wise herb, sage green evokes thoughtfulness and discernment.
• Natural harmony: The color connects to nature, bringing a sense of balance and organic beauty.
• Understated elegance: Sage green feels sophisticated without being flashy or overwhelming.

Using Sage Green in Design

Sage green's muted character and timeless quality make it versatile:

Web and UI Design: Sage green works exceptionally well for wellness platforms, lifestyle brands, and professional services. Its soft, calming quality creates sophisticated interfaces that feel approachable and refined. Consider using sage green as a primary color for meditation apps, organic skincare websites, or professional consulting firms. Pair with cream or soft pink for elegant designs, or with white for a fresh, modern look.

Graphic Design: Sage green is ideal for wedding invitations, lifestyle branding, and nature campaigns. It pairs beautifully with warm neutrals and soft pastels, creating designs that feel organic and timeless. Sage green is particularly effective in designs for eco-friendly products and sustainable brands.

Fashion and Interiors: A timeless color for clothing, accessories, and home decor. In interiors, sage green creates serene, inviting spaces that feel connected to nature. It works beautifully as an accent wall color or in textiles, particularly when paired with natural materials like linen and wood.

Branding: Many lifestyle and wellness brands incorporate sage green into their identities. The color conveys authenticity, calmness, and natural quality—qualities that resonate with modern consumers seeking mindful living.

Color Harmony and Combinations

Sage green pairs beautifully with:

• Monochromatic: Various shades of sage and muted greens create depth
• Complementary: Soft terracotta or rust provides warm contrast
• Analogous: Olive, moss, and taupe create earthy schemes
• Neutral grounding: Cream, beige, and light grey keep it sophisticated

For accessibility, sage green (#9CAF88) on white achieves approximately 4.0:1 contrast — meets WCAG AA for normal text.

Frequently Asked Questions

What is the sage green hex code?

The sage green hex code is #9CAF88. This muted green is widely used in design, particularly for wellness and lifestyle brands.

What colors go well with sage green?

Sage green pairs beautifully with cream, soft pink, beige, light grey, and warm neutrals. For a natural look, combine with terracotta or rust.

Is sage green the same as olive?

No. Sage green (#9CAF88) has grey undertones, giving it a cooler, more muted appearance, while olive (#808000) has yellow undertones, making it warmer and more earthy.

What are the RGB values for sage green?

The sage green RGB code is rgb(156, 175, 136). This balanced combination creates a muted, sophisticated green with subtle grey undertones.

What is sage green's CMYK value?

Sage green CMYK is approximately C:11, M:0, Y:22, K:31. This formulation produces its characteristic muted green in print.

Why is it called "sage green"?

Sage green gets its name from the soft green leaves of the sage plant. The color captures the herb's gentle, earthy tones, which have been valued for centuries for their calming properties.