PANTONE Dark Olive

Muted Dark Orange

Technical Values

HEX#574D35
content_copy
RGB87, 77, 53
content_copy
CMYK0, 11, 39, 66
content_copy
HSL42°, 24%, 27%
content_copy

Tints & Shades

Shades — Darkening PANTONE Dark Olive

#554B34
#4C432F
#463D2B
#3C3525
#332D1F
#2C271B
#231F15
#191610
#100E0A
#090806

Tints — Lightening PANTONE Dark Olive

#554B34
#6C5F42
#857551
#9B895F
#AA9A74
#B9AC8D
#C7BCA3
#D4CCB9
#E2DCD0
#F1EFE9

Color Harmonies

Complementary

#574D35
#343E55

Analogous

#553B34
#574D35
#4F5534

Triadic

#574D35
#34554B
#4B3455

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 154-1-5 CP#564D33ΔE 1.22
PANTONE 19-0516 TCX#574B34ΔE 1.25
PANTONE 19-0618 TPX#534832ΔE 2.29
PANTONE Beech#5B4F3BΔE 2.72

CSS Implementation

Style Definitions

.color-primary {

background-color: #574D35;

color: #FFFFFF;

border: 1px solid #574D35;

background: linear-gradient(135deg, #574D35 0%, #3C3525 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
#534C34 (Red Blind)
Deuteranopia
#564F36 (Green Blind)
Tritanopia
#5E4946 (Blue Blind)

About This Color

PANTONE Dark Olive is a desaturated orange with dark tonality. Its HEX value is #574D35, placing it in the orange region of the color spectrum with a hue angle of 42°.

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.