PANTONE Avocado

Muted Professional Yellow

Technical Values

HEX#676232
content_copy
RGB103, 98, 50
content_copy
CMYK0, 5, 51, 60
content_copy
HSL54°, 35%, 30%
content_copy

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

SwatchNameHexDistance
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)
Deuteranopia
#6F6133 (Green Blind)
Tritanopia
#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.