PANTONE 19-4020 TPX

Neutral Dark Blue

Technical Values

HEX#313A46

content_copy

RGB49, 58, 70

content_copy

CMYK30, 17, 0, 73

content_copy

HSL214°, 18%, 23%

content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4020 TPX

#303945

#2C343F

#262D36

#212830

#1D232A

#191E24

#13161B

#0F1115

#0A0C0F

#040506

Tints — Lightening PANTONE 19-4020 TPX

#303945

#414D5D

#4F5F72

#60728A

#75879F

#8D9CB0

#A2AEBE

#BAC3CF

#D2D8E0

#E7EAEE

Color Harmonies

Complementary

#313A46

#453C30

Analogous

#304445

#313A46

#323045

Triadic

#313A46

#453039

#394530

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 163-1-5 C	#343C49	ΔE 1.25
PANTONE 19-4023 TCX	#353C48	ΔE 1.36
PANTONE 19-3922 TPX	#303743	ΔE 1.44
PANTONE 20-0137 TPM	#333D4A	ΔE 1.47

CSS Implementation

Style Definitions

.color-primary {

background-color: #313A46;

color: #FFFFFF;

border: 1px solid #313A46;

background: linear-gradient(135deg, #313A46 0%, #212830 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
#363A47 (Red Blind)

Deuteranopia
#343846 (Green Blind)

Tritanopia
#2D3C3E (Blue Blind)

About This Color

PANTONE 19-4020 TPX is a desaturated blue with dark tonality. Its HEX value is #313A46, placing it in the blue region of the color spectrum with a hue angle of 214°.

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.