PANTONE Espresso

Neutral Gray

Technical Values

HEX#363031

content_copy

RGB54, 48, 49

content_copy

CMYK0, 11, 9, 79

content_copy

HSL350°, 6%, 20%

content_copy

Tints & Shades

Shades — Darkening PANTONE Espresso

#363031

#312B2C

#2B2627

#262222

#201D1D

#1B1818

#161314

#100E0F

#0B0A0A

#050505

Tints — Lightening PANTONE Espresso

#363031

#4C4345

#615658

#77696C

#8C7D80

#9F9395

#B2A9AA

#C5BEBF

#D9D4D5

#ECE9EA

Color Harmonies

Complementary

#363031

#303635

Analogous

#363034

#363031

#363230

Triadic

#363031

#313630

#303136

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-1101 TPX	#332F30	ΔE 1.20
PANTONE 19-1111 TPX	#3A3333	ΔE 1.69
PANTONE 19-3909 TPX	#363135	ΔE 2.14
PANTONE 19-1109 TCX	#362F2D	ΔE 2.16

CSS Implementation

Style Definitions

.color-primary {

background-color: #363031;

color: #FFFFFF;

border: 1px solid #363031;

background: linear-gradient(135deg, #363031 0%, #262222 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
#313131 (Red Blind)

Deuteranopia
#323231 (Green Blind)

Tritanopia
#373030 (Blue Blind)

About This Color

PANTONE Espresso 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.