PANTONE Blue Ribbon

Muted Professional Blue

Technical Values

HEX#3A395F
content_copy
RGB58, 57, 95
content_copy
CMYK39, 40, 0, 63
content_copy
HSL242°, 25%, 30%
content_copy

Tints & Shades

Shades — Darkening PANTONE Blue Ribbon

#3B3960
#353456
#2F2E4D
#292843
#232239
#1D1D30
#171726
#12111D
#0C0B13
#06060A

Tints — Lightening PANTONE Blue Ribbon

#3B3960
#484776
#56548C
#6563A1
#7B79AF
#918FBC
#A7A6C9
#BDBCD7
#D3D2E4
#E9E9F2

Color Harmonies

Complementary

#3A395F
#5E6039

Analogous

#394B60
#3A395F
#4E3960

Triadic

#3A395F
#603B39
#39603B

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 8780 C#3A3A5FΔE 0.84
PANTONE PQ-8780C#3F3A60ΔE 1.75
PANTONE 5265 C#403A60ΔE 2.15
PANTONE 19-3731 TPX#3F395DΔE 2.40

CSS Implementation

Style Definitions

.color-primary {

background-color: #3A395F;

color: #FFFFFF;

border: 1px solid #3A395F;

background: linear-gradient(135deg, #3A395F 0%, #292843 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
#313D61 (Red Blind)
Deuteranopia
#313B5E (Green Blind)
Tritanopia
#333F45 (Blue Blind)

About This Color

PANTONE Blue Ribbon is a desaturated blue with dark tonality. Its HEX value is #3A395F, placing it in the blue region of the color spectrum with a hue angle of 242°.

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.