PANTONE 309 U
Muted Professional Blue
Tints & Shades
Shades — Darkening PANTONE 309 U
#365763
#314E59
#2B454F
#263D45
#21343B
#1B2B31
#162327
#101A1E
#0B1114
#05090A
Tints — Lightening PANTONE 309 U
#365763
#436B7A
#507F91
#5E93A6
#75A2B3
#8CB2C0
#A3C1CC
#BAD1D9
#D1E0E6
#E8F0F2
Color Harmonies
Complementary
#375763
#634236
Analogous
#366358
#375763
#364163
Triadic
#375763
#633657
#576336
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-4316 TPX | #385762 | ΔE 0.68 | |
| PANTONE PQ-8505C | #365665 | ΔE 1.90 | |
| PANTONE 3035 U | #385665 | ΔE 2.05 | |
| PANTONE 88-3-6 U | #32525F | ΔE 2.18 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #375763;
color: #FFFFFF;
border: 1px solid #375763;
background: linear-gradient(135deg, #375763 0%, #263D45 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
#505564 (Red Blind)
#505564 (Red Blind)
Deuteranopia
#494F63 (Green Blind)
#494F63 (Green Blind)
Tritanopia
#2D5B5A (Blue Blind)
#2D5B5A (Blue Blind)
About This Color
PANTONE 309 U is a desaturated blue with dark tonality. Its HEX value is #375763, 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.