PANTONE 70-5-1 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 70-5-1 CP
#00458A
#003D7A
#003870
#003061
#002952
#002447
#001C38
#001429
#000D1A
#00080F
Tints — Lightening PANTONE 70-5-1 CP
#00458A
#0057AD
#006BD6
#007DFA
#1F8FFF
#47A3FF
#6BB5FF
#8FC7FF
#B3D9FF
#DBEDFF
Color Harmonies
Complementary
#004388
#8A4500
Analogous
#008A8A
#004388
#00008A
Triadic
#004388
#8A0045
#458A00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2747 CP | #003F84 | ΔE 1.88 | |
| PANTONE 66-1-7 CP | #00438B | ΔE 1.90 | |
| PANTONE 67-1-7 CP | #00478E | ΔE 1.97 | |
| PANTONE 10427 C | #003F81 | ΔE 2.33 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #004388;
color: #FFFFFF;
border: 1px solid #004388;
background: linear-gradient(135deg, #004388 0%, #003061 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
#2B428C (Red Blind)
#2B428C (Red Blind)
Deuteranopia
#1B3487 (Green Blind)
#1B3487 (Green Blind)
Tritanopia
#005258 (Blue Blind)
#005258 (Blue Blind)
About This Color
PANTONE 70-5-1 CP is a highly saturated blue with dark tonality. Its HEX value is #004388, placing it in the blue region of the color spectrum with a hue angle of 210°.
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.