PANTONE 450 XGC

Muted Dark Orange

Technical Values

HEX#584625
content_copy
RGB88, 70, 37
content_copy
CMYK0, 20, 58, 65
content_copy
HSL39°, 41%, 25%
content_copy

Tints & Shades

Shades — Darkening PANTONE 450 XGC

#5A4826
#534223
#48391E
#41341B
#362B17
#2F2514
#241D0F
#1D170C
#120E08
#070603

Tints — Lightening PANTONE 450 XGC

#5A4826
#775F32
#90733C
#AD8948
#BB9A5D
#C7AC7A
#D2BC93
#DECEB0
#E8DDC9
#F4EFE6

Color Harmonies

Complementary

#584625
#26385A

Analogous

#5A2D26
#584625
#525A26

Triadic

#584625
#265A48
#48265A

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 7553 C#5A4522ΔE 2.19
PANTONE 449 XGC#544527ΔE 2.62
PANTONE 450 C#594A25ΔE 2.76
PANTONE 141-2-6 C#5F4A27ΔE 2.78

CSS Implementation

Style Definitions

.color-primary {

background-color: #584625;

color: #FFFFFF;

border: 1px solid #584625;

background: linear-gradient(135deg, #584625 0%, #41341B 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
#504523 (Red Blind)
Deuteranopia
#544926 (Green Blind)
Tritanopia
#62403C (Blue Blind)

About This Color

PANTONE 450 XGC is a moderately saturated orange with dark tonality. Its HEX value is #584625, placing it in the orange region of the color spectrum with a hue angle of 39°.

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.