Skip to the color picker

Sage color: #9caf88

Sage is #9caf88, rgb(156, 175, 136) in RGB and oklch(72.883% 0.05854 128.919) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

89°
100%

72.9%
0.059
129°
  • Lime
  • Light
  • Muted
  • Dusty
  • Neutral
  • olive-400
  • Black 31%

Inside sRGB: displays the same on any screen.

White text
2.36:1Hard to read
Lc -51
Black text
8.90:1Readable · AA
Lc 57

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Also called: Sage green

Palettes with Sage

Similar named colors

Questions about Sage

What is the hex code for Sage?

The hex code for Sage is #9caf88. In RGB it is rgb(156, 175, 136), in HSL hsl(89.23, 19.6%, 60.98%) and in OKLCH oklch(72.883% 0.05854 128.919).

What colors go well with Sage?

Its complementary color is #b29ec4. For a calmer look, pair it with the analogous colors #b0a87e and #88b39a. Ready palettes with Sage are shown on this page.

Is Sage a warm or cool color?

Sage is a neutral color with an OKLCH hue of 129 degrees.

What text color is readable on Sage?

Black text is more readable on Sage: white gives a contrast ratio of 2.36:1 and black gives 8.9:1. WCAG AA asks for at least 4.5:1 for body text.

About #9caf88

#9caf88 is a dusty light lime color. In OKLCH it has 72.9% lightness, 0.059 chroma and a hue of 129°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.36:1 contrast and black text 8.9:1, so black text reads better.

The closest named color is Venetian Glass (#9cb08a). In Tailwind CSS the closest color is olive-400.

More light lime colors

Lighter: #9caf88 mixed with white

  1. 9caf88

Darker: #9caf88 mixed with black

  1. 9caf88

Calmer: #9caf88 with less saturation

  1. 9caf88

Similar named colors

Colors that go with #9caf88

Complementary
#9caf88
Analogous
#9caf88
Triadic
#9caf88
Split
#9caf88