Pistachio

#84B067

What color is Pistachio?

Pistachio is a soft, muted green with a slight yellow warmth, hex #84B067, similar to the inner flesh of a ripe pistachio nut. The color has a dusty, faded quality that keeps it from reading as a bright or vivid green.

What is the meaning of the color Pistachio?

Named directly for the pistachio nut, the color entered English use in the early 20th century as the nut became more familiar in Western markets following increased Mediterranean and Middle Eastern trade. Pistachio green appeared in American interior design by the 1950s, when it became a popular choice for kitchen appliances and tiles during the pastel-heavy postwar decorating era. The shade was adopted by gelato and confectionery brands in Italy to identify pistachio-flavored products, grounding the color firmly in food culture. Pantone has included pistachio tones in multiple seasonal palettes, most recently reinforcing its association with understated, nature-adjacent style.

RGB
132, 176, 103
HSL
96°, 32%, 55%
CMYK
25, 0, 41, 31
HSV
96°, 41%, 69%
Pistachio color

What colors go with Pistachio?

Colors that pair well with Pistachio include:
Cream: soft, warm harmony
Dusty Rose: gentle complementary contrast
Navy Blue: sharp, grounding depth
Taupe: quiet, earthy balance
Gold: warm richness against green

Similar Colors

Conversions & Codes

Format Value CSS
HEX #84B067 color: #84B067;
RGB 132, 176, 103 color: rgb(132, 176, 103);
RGB Percentage 52%, 69%, 40% color: rgb(52%, 69%, 40%);
CMYK 25%, 0%, 41%, 31% Not supported in CSS
HSL 96°, 32%, 55% color: hsl(96, 32%, 55%);
HSV 96°, 41%, 69% Not supported in CSS
CIE-LAB 44, -9, 24 color: lab(44% -9 24);
Decimal 8695911 Not supported in CSS

Color Variations

Shades

#85B168
#76A756
#69944C
#5C8243
#4F6F39
#425D30
#354A26
#27381D

Tints

#DAE8D2
#CEE0C2
#C2D8B3
#B6D0A4
#AAC895
#9DC186
#91B977
#85B168

Tones

#85B168
#86AD6B
#86AA6F
#87A673
#88A276
#899F7A
#899B7E
#8A9781

Hues

#85B168
#68B181
#68AAB1
#6873B1
#9468B1
#B16897
#B16F68
#B1A668

Color Harmonies

Analogous

#AAB168
Click to copy
#84B067
Click to copy
#68B16F
Click to copy

Complementary

#84B067
Click to copy
#9468B1
Click to copy

Split Complementary

#84B067
Click to copy
#6F68B1
Click to copy
#B168AA
Click to copy

Triadic

#84B067
Click to copy
#6885B1
Click to copy
#B16885
Click to copy

Tetradic

#84B067
Click to copy
#68AAB1
Click to copy
#9468B1
Click to copy
#B16F68
Click to copy

Square

#84B067
Click to copy
#68AAB1
Click to copy
#9468B1
Click to copy
#B16F68
Click to copy

CSS & Dev Snippets

CSS
.pistachio {
  color: #84B067;
}
SCSS
$pistachio: #84B067;
RGB
rgb(132, 176, 103)

Accessibility & Contrast

White background

2.50:1
2.50
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.39:1
8.39
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags