PANTONE 20-0030 TPM

Muted Dark Orange

Technical Values

HEX#604031

content_copy

RGB96, 64, 49

content_copy

CMYK0, 33, 49, 62

content_copy

HSL19°, 32%, 28%

content_copy

Tints & Shades

Shades — Darkening PANTONE 20-0030 TPM

#5E3F31

#54382B

#4A3226

#432D23

#39261D

#2F2018

#251913

#1B120E

#140E0A

#0A0705

Tints — Lightening PANTONE 20-0030 TPM

#5E3F31

#764F3D

#8D5F49

#A87157

#B4846E

#C19886

#CDAC9D

#D9C0B5

#E7D7D0

#F3EBE7

Color Harmonies

Complementary

#604031

#31505E

Analogous

#5E3139

#604031

#5E5631

Triadic

#604031

#315E3F

#3F315E

Nearest Pantone Colors

Name	Hex	Distance
PANTONE Downtown Brown	#5E3F32	ΔE 1.50
PANTONE Tiramisu	#634235	ΔE 1.59
PANTONE 19-1233 TCX	#634135	ΔE 1.99
PANTONE 7596 C	#5C3D31	ΔE 2.34

CSS Implementation

Style Definitions

.color-primary {

background-color: #604031;

color: #FFFFFF;

border: 1px solid #604031;

background: linear-gradient(135deg, #604031 0%, #432D23 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
#484230 (Red Blind)

Deuteranopia
#4F4831 (Green Blind)

Tritanopia
#6B3B3C (Blue Blind)

About This Color

PANTONE 20-0030 TPM is a desaturated orange with dark tonality. Its HEX value is #604031, placing it in the orange region of the color spectrum with a hue angle of 19°.

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.