Sage Green hex code
The hex code for sage green is #9CAF88. In RGB that is rgb(156, 175, 136) and in HSL it is hsl(89, 20%, 61%).
The hex code for sage green is #9CAF88. In RGB that is rgb(156, 175, 136) and in HSL it is hsl(89, 20%, 61%).
Sage Green · #9CAF88
Colour codes
- HEX
- #9CAF88
- RGB
- rgb(156, 175, 136)
- HSL
- hsl(89, 20%, 61%)
- CMYK
- 11, 0, 22, 31
- Contrast on white
- 2.36:1
- Contrast on black
- 8.90:1
Tints and shades
20% lighter · #b0bfa0
40% lighter · #c4cfb8
60% lighter · #d7dfcf
80% lighter · #ebefe7
20% darker · #7d8c6d
40% darker · #5e6952
60% darker · #3e4636
80% darker · #1f231b
Complementary colour
Sage Green · #9CAF88
Opposite on the colour wheel · #9b88af
Frequently asked questions
What is the hex code for sage green?
The hex code for sage green is #9CAF88. In RGB that is rgb(156, 175, 136) and in HSL it is hsl(89, 20%, 61%).
Can I use sage green for text?
It has a contrast ratio of 2.36:1 on white and 8.90:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with sage green?
Its complementary colour, opposite on the colour wheel, is #9B88AF. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of sage green instead.
Is sage green a CSS colour name?
No. Sage Green is a common name rather than a CSS keyword, and different sources use slightly different values. #9CAF88 is the most widely used one - use the hex value in CSS.