PANTONE 19-4022 TPX

Neutral Dark Blue

Technical Values

HEX#3A404D
content_copy
RGB58, 64, 77
content_copy
CMYK25, 17, 0, 70
content_copy
HSL221°, 14%, 26%
content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4022 TPX

#393F4C
#323843
#2E333D
#272C34
#23272F
#1D1F26
#16181D
#121317
#0B0C0F
#070709

Tints — Lightening PANTONE 19-4022 TPX

#393F4C
#485060
#5A6377
#69748C
#7F899F
#939CAE
#A8AFBD
#BFC4CF
#D3D7DE
#EBECF0

Color Harmonies

Complementary

#3A404D
#4C4639

Analogous

#39484C
#3A404D
#3C394C

Triadic

#3A404D
#4C393F
#3F4C39

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 163-1-4 C#38404DΔE 0.85
PANTONE 19-3923 TPG#393E4BΔE 0.90
PANTONE 19-4009 TPG#39424FΔE 1.39
PANTONE 19-4020 TPG#383D49ΔE 1.46

CSS Implementation

Style Definitions

.color-primary {

background-color: #3A404D;

color: #FFFFFF;

border: 1px solid #3A404D;

background: linear-gradient(135deg, #3A404D 0%, #272C34 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
#3C414E (Red Blind)
Deuteranopia
#3B3F4D (Green Blind)
Tritanopia
#364244 (Blue Blind)

About This Color

PANTONE 19-4022 TPX is a desaturated blue with dark tonality. Its HEX value is #3A404D, placing it in the blue region of the color spectrum with a hue angle of 221°.

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.