PANTONE Blueprint
Muted Dark Blue
Tints & Shades
Shades — Darkening PANTONE Blueprint
#2C3258
#272C4E
#242947
#1F233D
#1B1F36
#16192C
#111322
#0E0F1B
#090A11
#05060A
Tints — Lightening PANTONE Blueprint
#2C3258
#384070
#464F8B
#525DA3
#6A74B4
#828AC0
#99A0CC
#B4B9D9
#CCCFE5
#E7E9F3
Color Harmonies
Complementary
#2D3359
#58522C
Analogous
#2C4858
#2D3359
#3C2C58
Triadic
#2D3359
#582C32
#32582C
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE Blue Depths | #263056 | ΔE 2.11 | |
| PANTONE 53-3-5 CP | #333358 | ΔE 2.33 | |
| PANTONE Midnight Sail | #323455 | ΔE 3.59 | |
| PANTONE 5265 CP | #353B62 | ΔE 3.60 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #2D3359;
color: #FFFFFF;
border: 1px solid #2D3359;
background: linear-gradient(135deg, #2D3359 0%, #1F233D 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
#2A365B (Red Blind)
#2A365B (Red Blind)
Deuteranopia
#283358 (Green Blind)
#283358 (Green Blind)
Tritanopia
#25393F (Blue Blind)
#25393F (Blue Blind)
About This Color
PANTONE Blueprint is a desaturated blue with dark tonality. Its HEX value is #2D3359, placing it in the blue region of the color spectrum with a hue angle of 232°.
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.