Sage

#9DC183rgb(157, 193, 131)cmyk(19%, 0%, 32%, 24%)

What Color is Sage

Sage color is a clear shade of muted green. Its hex code is #9DC183 and rgb code is rgb(157, 193, 131), Its CMYK value is cmyk(19%, 0%, 32%, 24%), and Its HSL value is hsl(95, 33%, 64%). Its contrast ratio against white is 2.02:1, while against black, the contrast ratio is 10.39:1. Its complementary color is #A885C1 and closest tailwind color is stone-400. This color goes well with #3A733F, #6F733A, #2E4020, #514B95, and #954B8F. You can mix #FFFFFF and #3B8307 to recreate sage

Image Preview

Sage color code

1. Color Conversions

HEX#9DC183

RGB157, 193, 131

HSL95°, 33%, 64%

HSV95°, 33%, 76%

CMYK19%, 0%, 32%, 24%

Web Safe#99CC99

2. Contrast Ratio

Text on #FFFFFF2.02:1

Fail LargeFail Normal

Text on #00000010.39:1

AAA LargeAAA Normal

3. Sage Color Code in CSS

HEX

#9DC183

RGB

rgb(157, 193, 131)

HSL

hsl(95, 33%, 64%)

Text Color

color: #9DC183;

Background

background-color: #9DC183;

Border Color

border-color: #9DC183;

Box Shadow

box-shadow: 0 4px 14px 0 #9DC18380;

SCSS

$color-sage: #9DC183;

4. Color Palettes

Analogous

Complementary

Triadic

Split Complementary

Tetradic

Monochromatic

5. Shades, Tints & Hues

Shades

Tints

Hues

6. Color Blindness Simulator

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

8. UI Components Preview

Buttons

Badges

DefaultOutlineSoft

Interactive

Checkbox

Similar Colors

Light Grey Green

Pastel Grass Green

Color Ideas

Bright Yellow Green

Brightest Orange

Brightest Yellow

British Racing Green

About Sage

Color Name

Sage

HEX

#9DC183

Color Family

stone

X11 Name

Sage

LAB

76.90, -6.33, 6.85

Preview Text

Aa