Pistachio

#84B067
RGB
132, 176, 103
HSL
96°, 32%, 55%
CMYK
25, 0, 41, 31
HSV
96°, 41%, 69%

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
Yellow
91%
#84B067
Click to copy
Pistachio
100%
#68B16F
Click to copy
Green
93%

Complementary

#84B067
Click to copy
Pistachio
100%
#9468B1
Click to copy
Purple
76%

Split Complementary

#84B067
Click to copy
Pistachio
100%
#6F68B1
Click to copy
Blue
76%
#B168AA
Click to copy
Purple
75%

Triadic

#84B067
Click to copy
Pistachio
100%
#6885B1
Click to copy
Blue
80%
#B16885
Click to copy
Magenta
80%

Tetradic

#84B067
Click to copy
Pistachio
100%
#68AAB1
Click to copy
Cyan
82%
#9468B1
Click to copy
Purple
76%
#B16F68
Click to copy
Red
82%

Square

#84B067
Click to copy
Pistachio
100%
#68AAB1
Click to copy
Cyan
82%
#9468B1
Click to copy
Purple
76%
#B16F68
Click to copy
Red
82%

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