PANTONE Patriot Blue
Muted Dark Blue
Tints & Shades
Shades — Darkening PANTONE Patriot Blue
#353655
#2F304B
#2B2C45
#25263C
#1F2032
#1B1C2C
#161623
#101019
#0A0A10
#060609
Tints — Lightening PANTONE Patriot Blue
#353655
#43446B
#525484
#60629A
#7577A9
#8E8FB8
#A4A5C6
#BABBD4
#D0D1E2
#E9E9F1
Color Harmonies
Complementary
#363756
#555435
Analogous
#354655
#363756
#443555
Triadic
#363756
#553536
#365535
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-3830 TCX | #333452 | ΔE 1.47 | |
| PANTONE 4144 C | #3A3A59 | ΔE 1.48 | |
| PANTONE Midnight Sail | #323455 | ΔE 2.01 | |
| PANTONE 19-4036 TSX | #313653 | ΔE 2.17 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #363756;
color: #FFFFFF;
border: 1px solid #363756;
background: linear-gradient(135deg, #363756 0%, #25263C 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
#303A58 (Red Blind)
#303A58 (Red Blind)
Deuteranopia
#303855 (Green Blind)
#303855 (Green Blind)
Tritanopia
#303C40 (Blue Blind)
#303C40 (Blue Blind)
About This Color
PANTONE Patriot Blue is a desaturated blue with dark tonality. Its HEX value is #363756, placing it in the blue region of the color spectrum with a hue angle of 238°.
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.