PANTONE 63-1-7 CP
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 63-1-7 CP
#003980
#003575
#002E66
#00295C
#00224D
#001E42
#001733
#001229
#000B1A
#00050A
Tints — Lightening PANTONE 63-1-7 CP
#003980
#004CA8
#005CCC
#006EF5
#1A81FF
#4297FF
#66ABFF
#8FC1FF
#B3D5FF
#DBEBFF
Color Harmonies
Complementary
#003980
#804600
Analogous
#007980
#003980
#060080
Triadic
#003980
#800039
#398000
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 70-2-7 CP | #003B82 | ΔE 0.96 | |
| PANTONE 3591 CP | #00377E | ΔE 0.97 | |
| PANTONE 2756 CP | #093B81 | ΔE 1.23 | |
| PANTONE 64-1-7 CP | #003B80 | ΔE 1.79 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003980;
color: #FFFFFF;
border: 1px solid #003980;
background: linear-gradient(135deg, #003980 0%, #00295C 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
#223A84 (Red Blind)
#223A84 (Red Blind)
Deuteranopia
#142C7E (Green Blind)
#142C7E (Green Blind)
Tritanopia
#00484E (Blue Blind)
#00484E (Blue Blind)
About This Color
PANTONE 63-1-7 CP is a highly saturated blue with dark tonality. Its HEX value is #003980, placing it in the blue region of the color spectrum with a hue angle of 213°.
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.