PANTONE 70-3-7 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 70-3-7 C
#002252
#001E47
#001C42
#001738
#001533
#001129
#000D1F
#000B1A
#00060F
#00040A
Tints — Lightening PANTONE 70-3-7 C
#002252
#00337A
#0046A8
#0057D1
#006AFF
#2982FF
#529AFF
#80B5FF
#A8CCFF
#D6E7FF
Color Harmonies
Complementary
#002251
#523000
Analogous
#004B52
#002251
#070052
Triadic
#002251
#520022
#225200
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 655 C | #002554 | ΔE 1.55 | |
| PANTONE 2766 XGC | #002051 | ΔE 1.94 | |
| PANTONE 281 XGC | #002255 | ΔE 2.76 | |
| PANTONE 655 XGC | #002653 | ΔE 2.77 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #002251;
color: #FFFFFF;
border: 1px solid #002251;
background: linear-gradient(135deg, #002251 0%, #001738 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
#132354 (Red Blind)
#132354 (Red Blind)
Deuteranopia
#0B1B50 (Green Blind)
#0B1B50 (Green Blind)
Tritanopia
#002C30 (Blue Blind)
#002C30 (Blue Blind)
About This Color
PANTONE 70-3-7 C is a highly saturated blue with dark tonality. Its HEX value is #002251, placing it in the blue region of the color spectrum with a hue angle of 215°.
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.