PANTONE 19-4122 TPG

Muted Dark Blue

Technical Values

HEX#314558

content_copy

RGB49, 69, 88

content_copy

CMYK44, 22, 0, 65

content_copy

HSL209°, 28%, 27%

content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4122 TPG

#324558

#2C3E4E

#283948

#23313E

#1D2934

#1A242E

#141C24

#0F151A

#090D10

#06080A

Tints — Lightening PANTONE 19-4122 TPG

#324558

#3E586F

#4D6C89

#5A7EA0

#6F90AE

#89A4BD

#A0B6CA

#B7C7D7

#CED9E3

#E8EDF2

Color Harmonies

Complementary

#314558

#584432

Analogous

#325857

#314558

#323258

Triadic

#314558

#583245

#455832

Nearest Pantone Colors

Name	Hex	Distance
PANTONE 19-4031 TCX	#33465A	ΔE 0.90
PANTONE 19-4128 TPG	#30465A	ΔE 0.95
PANTONE Key Largo	#34465A	ΔE 1.14
PANTONE 19-4028 TPX	#2F475B	ΔE 1.58

CSS Implementation

Style Definitions

.color-primary {

background-color: #314558;

color: #FFFFFF;

border: 1px solid #314558;

background: linear-gradient(135deg, #314558 0%, #23313E 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
#3E4559 (Red Blind)

Deuteranopia
#394058 (Green Blind)

Tritanopia
#28494B (Blue Blind)

About This Color

PANTONE 19-4122 TPG is a desaturated blue with dark tonality. Its HEX value is #314558, placing it in the blue region of the color spectrum with a hue angle of 209°.

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.