PANTONE Midnight Sail
Muted Dark Blue
Tints & Shades
Shades — Darkening PANTONE Midnight Sail
#313354
#2B2D4A
#282943
#22233A
#1E1F33
#19192A
#131420
#0F101A
#090A10
#06060A
Tints — Lightening PANTONE Midnight Sail
#313354
#3E406A
#4D5084
#5B5E9A
#7275AC
#888BB9
#9FA1C6
#B8BAD5
#CFD0E3
#E9E9F2
Color Harmonies
Complementary
#323455
#545231
Analogous
#314454
#323455
#413154
Triadic
#323455
#543133
#335431
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 19-3830 TCX | #333452 | ΔE 1.96 | |
| PANTONE Patriot Blue | #363756 | ΔE 2.01 | |
| PANTONE 19-3838 TCX | #2D2F4E | ΔE 2.55 | |
| PANTONE 53-3-5 CP | #333358 | ΔE 2.73 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #323455;
color: #FFFFFF;
border: 1px solid #323455;
background: linear-gradient(135deg, #323455 0%, #22233A 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
#2D3757 (Red Blind)
#2D3757 (Red Blind)
Deuteranopia
#2C3554 (Green Blind)
#2C3554 (Green Blind)
Tritanopia
#2C393E (Blue Blind)
#2C393E (Blue Blind)
About This Color
PANTONE Midnight Sail is a desaturated blue with dark tonality. Its HEX value is #323455, placing it in the blue region of the color spectrum with a hue angle of 237°.
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.