PANTONE Eclipse
Neutral Dark Blue
Tints & Shades
Shades — Darkening PANTONE Eclipse
#353249
#302D43
#2A273A
#252334
#1F1D2A
#1A1924
#16151E
#0F0E15
#0B0A0F
#040406
Tints — Lightening PANTONE Eclipse
#353249
#464261
#565176
#67618F
#7973A0
#918CB1
#A8A4C1
#BCB9CF
#D3D1E0
#E8E7EE
Color Harmonies
Complementary
#343148
#464932
Analogous
#323A49
#343148
#403249
Triadic
#343148
#493532
#324935
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 53-3-6 C | #342F47 | ΔE 1.31 | |
| PANTONE 19-3617 TPX | #39344A | ΔE 1.93 | |
| PANTONE 53-3-6 CP | #323044 | ΔE 2.05 | |
| PANTONE 19-3810 TCX | #323348 | ΔE 2.21 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #343148;
color: #FFFFFF;
border: 1px solid #343148;
background: linear-gradient(135deg, #343148 0%, #252334 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
#2D3449 (Red Blind)
#2D3449 (Red Blind)
Deuteranopia
#2D3347 (Green Blind)
#2D3347 (Green Blind)
Tritanopia
#313438 (Blue Blind)
#313438 (Blue Blind)
About This Color
PANTONE Eclipse is a desaturated blue with dark tonality. Its HEX value is #343148, placing it in the blue region of the color spectrum with a hue angle of 248°.
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.