PANTONE 70-3-5 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 70-3-5 CP
#005485
#004A75
#00446B
#003A5C
#003452
#002A42
#002033
#001A29
#00101A
#000A0F
Tints — Lightening PANTONE 70-3-5 CP
#005485
#006BA8
#0084D1
#009BF5
#1FADFF
#42BAFF
#66C7FF
#8FD6FF
#B3E3FF
#DBF2FF
Color Harmonies
Complementary
#005687
#853100
Analogous
#008573
#005687
#001285
Triadic
#005687
#850054
#548500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 93-1-7 C | #005586 | ΔE 0.44 | |
| PANTONE PQ-7692C | #005587 | ΔE 0.84 | |
| PANTONE 19-4048 TCX | #005888 | ΔE 1.18 | |
| PANTONE 19-4049 TCX | #005584 | ΔE 1.27 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #005687;
color: #FFFFFF;
border: 1px solid #005687;
background: linear-gradient(135deg, #005687 0%, #003A5C 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
#3F518A (Red Blind)
#3F518A (Red Blind)
Deuteranopia
#2B4086 (Green Blind)
#2B4086 (Green Blind)
Tritanopia
#006464 (Blue Blind)
#006464 (Blue Blind)
About This Color
PANTONE 70-3-5 CP is a highly saturated blue with dark tonality. Its HEX value is #005687, placing it in the blue region of the color spectrum with a hue angle of 202°.
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.