PANTONE 3584 CP

Muted Professional Blue

Technical Values

HEX#31477D
content_copy
RGB49, 71, 125
content_copy
CMYK61, 43, 0, 51
content_copy
HSL223°, 44%, 34%
content_copy

Tints & Shades

Shades — Darkening PANTONE 3584 CP

#31467D
#2C4072
#273863
#223258
#1D2949
#18233E
#141D33
#0E1525
#0A0E1A
#04060B

Tints — Lightening PANTONE 3584 CP

#31467D
#3B5597
#4361AD
#5673BD
#6C86C6
#869BD0
#A0B0DA
#B6C2E2
#CFD8EC
#E5EAF5

Color Harmonies

Complementary

#31477D
#7D6731

Analogous

#316C7D
#31477D
#41317D

Triadic

#31477D
#7D3146
#467D31

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 70-5-2 U#28487EΔE 2.58
PANTONE 19-3951 TPX#324680ΔE 2.66
PANTONE 19-3951 TPG#3B4B80ΔE 2.68
PANTONE 19-3864 TPX#25467CΔE 2.85

CSS Implementation

Style Definitions

.color-primary {

background-color: #31477D;

color: #FFFFFF;

border: 1px solid #31477D;

background: linear-gradient(135deg, #31477D 0%, #223258 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
#394A80 (Red Blind)
Deuteranopia
#33437C (Green Blind)
Tritanopia
#225157 (Blue Blind)

About This Color

PANTONE 3584 CP is a moderately saturated blue with medium tonality. Its HEX value is #31477D, placing it in the blue region of the color spectrum with a hue angle of 223°.

This mid-range tone offers excellent versatility, working in both digital interfaces and print applications. It provides strong visual impact while maintaining readability when paired with light or dark text.

Find your next shade.

Convert any HEX, RGB, or Pantone color instantly.