PANTONE 19-4316 TPX
Muted Professional Blue
Tints & Shades
Shades — Darkening PANTONE 19-4316 TPX
#385661
#324E57
#2D454E
#273C44
#22343A
#1C2B31
#162227
#111A1D
#0B1113
#06090A
Tints — Lightening PANTONE 19-4316 TPX
#385661
#456A78
#527E8E
#6092A4
#77A1B1
#8EB1BE
#A4C1CB
#BBD0D8
#D2E0E5
#E8EFF2
Color Harmonies
Complementary
#385762
#614338
Analogous
#386158
#385762
#384161
Triadic
#385762
#613856
#566138
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 309 U | #375763 | ΔE 0.68 | |
| PANTONE 309 UP | #3E5B65 | ΔE 1.99 | |
| PANTONE 316 U | #375A63 | ΔE 2.12 | |
| PANTONE 3035 UP | #3F5B67 | ΔE 2.24 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #385762;
color: #FFFFFF;
border: 1px solid #385762;
background: linear-gradient(135deg, #385762 0%, #273C44 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
#505563 (Red Blind)
#505563 (Red Blind)
Deuteranopia
#494F62 (Green Blind)
#494F62 (Green Blind)
Tritanopia
#2E5B5A (Blue Blind)
#2E5B5A (Blue Blind)
About This Color
PANTONE 19-4316 TPX is a desaturated blue with dark tonality. Its HEX value is #385762, placing it in the blue region of the color spectrum with a hue angle of 196°.
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.