PANTONE Blue Graphite

Neutral Gray

Technical Values

HEX#323137
content_copy
RGB50, 49, 55
content_copy
CMYK9, 11, 0, 78
content_copy
HSL250°, 6%, 20%
content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Graphite

#313036
#2C2B31
#27262B
#222226
#1D1D20
#18181B
#141316
#0F0E10
#0A0A0B
#050505

Tints — Lightening PANTONE Blue Graphite

#313036
#45434C
#585661
#6C6977
#807D8C
#95939F
#AAA9B2
#BFBEC5
#D5D4D9
#EAE9EC

Color Harmonies

Complementary

#323137
#353630

Analogous

#303236
#323137
#343036

Triadic

#323137
#363130
#303631

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 19-4015 TCX#303237ΔE 1.53
PANTONE 162-1-6 C#353438ΔE 1.88
PANTONE 19-4008 TPX#333235ΔE 2.02
PANTONE 19-4013 TCX#2D3036ΔE 2.06

CSS Implementation

Style Definitions

.color-primary {

background-color: #323137;

color: #FFFFFF;

border: 1px solid #323137;

background: linear-gradient(135deg, #323137 0%, #222226 100%);

}

Accessibility (WCAG)

Contrast on White Text

AA PASSAAA PASS

Contrast on Black Text

AA FAIL

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

Color Blindness Simulation

Protanopia
#303237 (Red Blind)
Deuteranopia
#303237 (Green Blind)
Tritanopia
#313233 (Blue Blind)

About This Color

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

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.