PANTONE 19-4326 TPG

Muted Dark Blue

Technical Values

HEX#314857
content_copy
RGB49, 72, 87
content_copy
CMYK44, 17, 0, 66
content_copy
HSL204°, 28%, 27%
content_copy

Tints & Shades

Shades — Darkening PANTONE 19-4326 TPG

#324958
#2C414E
#283B48
#23333E
#1D2B34
#1A262E
#141E24
#0F161A
#090D10
#06080A

Tints — Lightening PANTONE 19-4326 TPG

#324958
#3E5C6F
#4D7189
#5A84A0
#6F95AE
#89A8BD
#A0B9CA
#B7CAD7
#CEDBE3
#E8EEF2

Color Harmonies

Complementary

#314857
#584132

Analogous

#325854
#314857
#323558

Triadic

#314857
#583249
#495832

Nearest Pantone Colors

SwatchNameHexDistance
PANTONE 19-4129 TCX#32495AΔE 1.34
PANTONE 82-3-7 C#32495BΔE 1.95
PANTONE 82-4-5 C#324453ΔE 2.27
PANTONE 4161 C#304C5AΔE 2.34

CSS Implementation

Style Definitions

.color-primary {

background-color: #314857;

color: #FFFFFF;

border: 1px solid #314857;

background: linear-gradient(135deg, #314857 0%, #23333E 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
#414758 (Red Blind)
Deuteranopia
#3C4257 (Green Blind)
Tritanopia
#284C4C (Blue Blind)

About This Color

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

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.