PANTONE 63-3-1 C
Rich Professional Blue
Tints & Shades
Shades — Darkening PANTONE 63-3-1 C
#173982
#153375
#122D68
#10285B
#0E224E
#0B1C41
#091734
#071127
#050B1A
#02060D
Tints — Lightening PANTONE 63-3-1 C
#173982
#1C46A0
#2253BF
#2B62DA
#4978DF
#678FE4
#86A5EA
#A4BCEF
#C2D2F4
#E1E9FA
Color Harmonies
Complementary
#173981
#826017
Analogous
#176E82
#173981
#2B1782
Triadic
#173981
#821739
#398217
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 59-1-7 CP | #123780 | ΔE 1.21 | |
| PANTONE 2748 CP | #1C377C | ΔE 2.11 | |
| PANTONE 63-3-1 CP | #0D367B | ΔE 2.36 | |
| PANTONE 3591 CP | #00377E | ΔE 2.46 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #173981;
color: #FFFFFF;
border: 1px solid #173981;
background: linear-gradient(135deg, #173981 0%, #10285B 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
#253C85 (Red Blind)
#253C85 (Red Blind)
Deuteranopia
#1C337F (Green Blind)
#1C337F (Green Blind)
Tritanopia
#01464F (Blue Blind)
#01464F (Blue Blind)
About This Color
PANTONE 63-3-1 C is a moderately saturated blue with dark tonality. Its HEX value is #173981, placing it in the blue region of the color spectrum with a hue angle of 221°.
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.