PANTONE Avocado
Muted Professional Yellow
Tints & Shades
Shades — Darkening PANTONE Avocado
#676232
#5D582D
#534E28
#484523
#3E3B1E
#343119
#292714
#1F1D0F
#15140A
#0A0A05
Tints — Lightening PANTONE Avocado
#676232
#7F793D
#979049
#AEA556
#B9B26E
#C5BF87
#D1CC9F
#DCD8B7
#E8E5CF
#F3F2E7
Color Harmonies
Complementary
#676232
#323767
Analogous
#674732
#676232
#526732
Triadic
#676232
#326762
#623267
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 7750 XGC | #626031 | ΔE 1.92 | |
| PANTONE 10339 C | #6F693A | ΔE 3.06 | |
| PANTONE 7750 C | #656635 | ΔE 3.08 | |
| PANTONE 7757 C | #675E33 | ΔE 3.23 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #676232;
color: #FFFFFF;
border: 1px solid #676232;
background: linear-gradient(135deg, #676232 0%, #484523 100%);
}
Accessibility (WCAG)
Contrast on White Text
AA PASSAAA FAIL
Contrast on Black Text
AA FAIL
Recommendation: Use white text for optimal legibility on this color.
Color Blindness Simulation
Protanopia
#6D5E2F (Red Blind)
#6D5E2F (Red Blind)
Deuteranopia
#6F6133 (Green Blind)
#6F6133 (Green Blind)
Tritanopia
#715B53 (Blue Blind)
#715B53 (Blue Blind)
About This Color
PANTONE Avocado is a desaturated yellow with dark tonality. Its HEX value is #676232, placing it in the yellow region of the color spectrum with a hue angle of 54°.
This darker shade conveys depth and authority, making it ideal for premium branding, typographic elements, and high-contrast design compositions.
Find your next shade.
Convert any HEX, RGB, or Pantone color instantly.