Heather Color Code

HEX

#A77BCA

RGB

rgb(167, 123, 202)

HSL

hsl(273, 43%, 64%)

CMYK

0%, 39%, 0%, 21%

About Heather

Heather color is a soft, muted tone that blends shades of lavender and gray, creating a delicate and soothing hue. This color is reminiscent of heather flowers blooming in the wild, evoking a sense of calmness and tranquility.

Psychology

Heather Color is known to:

  • Inspire feelings of serenity and relaxation
  • Promote introspection and emotional balance
  • Encourage creativity and gentle inspiration

Usage

This versatile color works well in:

  • Fashion, particularly in casual and feminine wear
  • Interior design for creating calming spaces
  • Branding for businesses focused on wellness and mindfulness
  • Graphic design for backgrounds and subtle accents

Combinations

Heather Color pairs beautifully with:

  • Soft White ( #F7F7F7 )
  • Dusty Rose ( #D4A5A5 )
  • Sage Green ( #B7C9A8 )
  • Charcoal Gray ( #4A4A4A )

Heather Color shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Heather Color

Complementary

hsl(93, 43%, 64%)

Analogous

hsl(303, 43%, 64%)

Triadic

hsl(33, 43%, 64%)

Heather color values and uses

Heather is represented here by #A77BCA. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(167, 123, 202); HSL hsl(273, 43%, 64%) describes hue, saturation, and lightness, while CMYK 0%, 39%, 0%, 21% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use heather alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Heather

What is the hex code of Heather Color?

The hex code of Heather Color is #A77BCA.

What is the RGB value of Heather Color?

The RGB value is rgb(167, 123, 202), with red, green, and blue channels shown in that order.

What colors go with Heather Color?

Heather Color can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Heather Color?

The HSL value is hsl(273, 43%, 64%); the approximate CMYK conversion is 0%, 39%, 0%, 21%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors