PANTONE 63-1-7 C
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 63-1-7 C
#003385
#002D75
#00296B
#00235C
#001F52
#001942
#001433
#001029
#000A1A
#00060F
Tints — Lightening PANTONE 63-1-7 C
#003385
#0041A8
#0050D1
#005EF5
#1F75FF
#428BFF
#66A1FF
#8FBAFF
#B3D0FF
#DBE9FF
Color Harmonies
Complementary
#003285
#855200
Analogous
#007585
#003285
#0F0085
Triadic
#003285
#850033
#338500
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 78-1-7 C | #00348A | ΔE 1.86 | |
| PANTONE 20-0146 TPM | #00348B | ΔE 2.41 | |
| PANTONE 287 C | #003087 | ΔE 2.89 | |
| PANTONE 2146 C | #00358E | ΔE 3.61 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003285;
color: #FFFFFF;
border: 1px solid #003285;
background: linear-gradient(135deg, #003285 0%, #00235C 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
#19358A (Red Blind)
#19358A (Red Blind)
Deuteranopia
#0D2883 (Green Blind)
#0D2883 (Green Blind)
Tritanopia
#00424B (Blue Blind)
#00424B (Blue Blind)
About This Color
PANTONE 63-1-7 C is a highly saturated blue with dark tonality. Its HEX value is #003285, placing it in the blue region of the color spectrum with a hue angle of 217°.
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.