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)

• 3B82F6

  rgb(59, 130, 246)
• 376BC8

  rgb(55, 107, 200)
• 31559D

  rgb(49, 85, 157)
• 294073

  rgb(41, 64, 115)
• 202C4C

  rgb(32, 44, 76)
• 151928

  rgb(21, 25, 40)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• 3B82F6

  rgb(59, 130, 246)
• 6D95F8

  rgb(109, 149, 248)
• 91A9FA

  rgb(145, 169, 250)
• AFBEFC

  rgb(175, 190, 252)
• CBD3FD

  rgb(203, 211, 253)
• E5E9FE

  rgb(229, 233, 254)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• 3B82F6

  rgb(59, 130, 246)
• 5082E9

  rgb(80, 130, 233)
• 6182D7

  rgb(97, 130, 215)
• 6F83C4

  rgb(111, 131, 196)
• 7983B0

  rgb(121, 131, 176)
• 80849B

  rgb(128, 132, 155)
• 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

#DAF1FF

Light

#ACD2F3

Medium Light

#7AB5E7

Medium

#3498DB

Medium Dark

#2B6F9F

Dark

#214967

Darkest

#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#3498DB

Left Dark

#76AEE2

Left Medium

#A4C5E9

Left Light

#CEDDEF

Neutral

#F5F5F5

Right Light

#F5D5C3

Right Medium

#F1B593

Right Dark

#E89664

Complementary End

#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#A9CAED

Medium

#3498DB

Dark

#004D89

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#34DB77

Left Adjacent 1

#34DBCB

Main

#3498DB

Right Adjacent 1

#3445DB

Right Adjacent 2

#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#3498DB

Complementary

#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#3498DB

Secondary

#DB3498

Tertiary

#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#3498DB

Right 90°

#CB34DB

Complementary

#DB7734

Left 90°

#45DB34

Tetradic

Two pairs of complementary colors

4 colors

Main

#3498DB

Secondary

#7734DB

Complementary

#DB7734

Complementary Secondary

#98DB34

Split Complementary

Complementary colors ±30°

3 colors

Main

#3498DB

Split Left

#DB3444

Split Right

#DBCB34

Cyclic

Circular gradient for periodic data

8 colors

0°

#3498DB

45°

#4D34DB

90°

#CB34DB

135°

#DB346E

180°

#DB7734

225°

#C2DB34

270°

#45DB34

315°

#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#A2B6C3

Pastel 1

#AFBFCB

Pastel 2

#BBC9D3

Pastel 3

#C7D3DB

Pastel 4

#D4DDE3

Deep Pastel

#E0E7EB

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:
  #ECB12E
• RGB:
  rgb(236, 177, 46)
• CMYK:
  cmyk(0%, 25%, 81%, 7%)
• HSV:
  hsv(41°, 81%, 93%)
• HSL:
  hsl(41°, 83%, 55%)

---

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.