Color Palettes

Heather color

A soft grayish purple named after the heather plant that blooms on hills in Scotland. It is popular in knitwear, outdoor clothing and calm decor.

Also known as: Heather purple.

Heather · #9E91B4

About heather

Heather (#9E91B4) is a cool, mid-tone, muted color. It belongs to the purples family. It mixes 158 red, 145 green and 180 blue (out of 255). It is mostly used in knitwear, outdoor, home decor.

Heather shades and tints

From lightest to darkest. Tap a shade to copy its code.

Heather color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Sage green
AnalogousClose to: Cool gray, Dusty lavender
TriadicClose to: Mushroom, Sage green
Split complementaryClose to: Khaki, Sage green
TetradicClose to: Dusty rose, Sage green, Ash gray

Heather color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Heather
Analogous palette · Heather
Complementary palette · Heather
Triadic palette · Heather
With neutrals palette · Heather
With an accent palette · Heather

Heather contrast with text

White textContrast 2.9:1 · Not recommended
Black textContrast 7.2:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --heather: #9E91B4;
  --heather-rgb: 158, 145, 180;
}
.bg { background-color: var(--heather); }
.text { color: var(--heather); }

Colors similar to heather

Cool grayPastel purpleDusty lavenderLilacMountbatten pinkDusty blueBlue grayChambray blueLight slate grayCadet gray

Themed palettes with this color

First Communion color palettesFeminine color palettesPatagonia color palettes

More purples

VioletDeep purplePurpleLilacLavenderMauvePlumAmethystEggplantOrchidIndigoGrape purpleWisteriaPastel lilacUltra violetLavender grayThistleMulberryByzantiumRoyal purpleHeliotropeAubergineTyrian purplePastel purple

Frequently asked questions

What is the hex code for heather?

The hex code for heather is #9E91B4. In RGB it is rgb(158, 145, 180), in HSL hsl(262, 19%, 64%) and in CMYK 12, 19, 0, 29.

What is the complementary color of heather?

Its complement on the color wheel is #A7B491, close to sage green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on heather?

Use black text instead: the contrast with white is only 2.9:1, while with black it is 7.2:1.