PANTONE 4222 UP

Neutral Gray

Technical Values

HEX#868875
content_copy
RGB134, 136, 117
content_copy
CMYK1, 0, 14, 47
content_copy
HSL66°, 8%, 50%
content_copy

Tints & Shades

Shades — Darkening PANTONE 4222 UP

#888A75
#7A7C6A
#6D6E5E
#5F6052
#515346
#44453B
#36372F
#292923
#1B1C17
#0E0E0C

Tints — Lightening PANTONE 4222 UP

#888A75
#949583
#A0A191
#ABAD9F
#B7B9AC
#C3C4BA
#CFD0C8
#DBDCD6
#E7E8E3
#F3F3F1

Color Harmonies

Complementary

#868875
#77758A

Analogous

#8A8275
#868875
#7D8A75

Triadic

#868875
#75888A
#8A7588

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 4220 C#888A77ΔE 0.78
PANTONE P 178-8 C#848572ΔE 1.16
PANTONE 17-0112 TSX#818772ΔE 2.09
PANTONE 4221 U#7F8371ΔE 2.33

CSS Implementation

Style Definitions

.color-primary {

background-color: #868875;

color: #000000;

border: 1px solid #868875;

background: linear-gradient(135deg, #868875 0%, #5F6052 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA FAIL

Contrast on Black Text

AA PASSAAA FAIL

Recommendation: Use black text for optimal legibility on this color.

Color Blindness Simulation

Protanopia
#8C8674 (Red Blind)
Deuteranopia
#8C8776 (Green Blind)
Tritanopia
#898582 (Blue Blind)

About This Color

PANTONE 4222 UP is an achromatic tone with a lightness of 50%. It works as a versatile neutral in any design system, providing balance and sophistication without competing with chromatic elements.

This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.