Sage color: hex codes, shades and palettes

Palettes built around sage. Click any swatch to copy its hex code.

Sage is #B2AC88 — light muted yellow. Below are its shades with hex codes, the values in every common format, and sage color palettes to copy.

#BC704E

#9B6F4E

#644721

#9B7B32

#395231

#4E7255

#65947F

#54C19D

#9CB798

#7B9D7F

#49895C

#247049

#ADCCA9

#557B62

#5F804B

#8E5491

#2D5539

#5ECDA9

#93C68F

#D9A9DB

#A6614A

#975E11

#E2C67A

#747933

#4C640C

#3C752F

#C7D09B

#816298

#EB9374

#77482C

#CD8441

#D3A363

#7C4118

#C98A5B

#C9704D

#7AA4B7

#C4A28D

#AD7F56

#82663B

#5E4C1A

#6C782C

#3E550B

#7E8056

#6F70B4

#73490B

#AF9B74

#988857

#8F8A5E

#91AE93

#8BB495

#7AA357

#CDABE6

#6C4E08

#80753C

#A29B3D

#AFC777

#A3C179

#89A275

#628B49

#47703A

#6C3A0C

#85674B

#BF893D

#D4BA92

#CB9879

#B89970

#CDBF97

#9FA449

#676600

#74851B

#89A144

#9DBC8C

#657D4F

#255E36

#377A65

#178883

#4AA079

#06A179

#538B52

#DFB9CC

#D59290

#CE8B67

#C3892A

#534C10

#A98F2E

#9E923E

#9D7010

#98CEF7

#B28228

#CBC17E

#65764B

#488252

#567138

#587252

#474C28

#795771

Sage hex, RGB, HSL and OKLCH

#B2AC88

HEX: #B2AC88
RGB: rgb(178, 172, 136)
HSL: hsl(51, 21%, 62%)
OKLCH: oklch(74.0% 0.050 99.6)
On white: 2.30:1
On black: 9.15:1

Shades of sage

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Sage on white measures 2.30:1 and on black 9.15:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.24:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:forest green, pine, moss, juniper. See every shade on the colors index.

Sage color: hex codes, shades and palettes

No sage palettes yet

Sage hex, RGB, HSL and OKLCH

Shades of sage

Contrast and readability