PANTONE 648 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 648 XGC
#00315C
#002C52
#002647
#002342
#001E38
#00182E
#001324
#000E1A
#000B14
#00050A
Tints — Lightening PANTONE 648 XGC
#00315C
#004785
#005CAD
#0075DB
#058AFF
#2E9DFF
#57B0FF
#80C4FF
#ADD9FF
#D6ECFF
Color Harmonies
Complementary
#00315D
#5C2B00
Analogous
#005C59
#00315D
#00035C
Triadic
#00315D
#5C0031
#315C00
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 70-5-4 CP | #003460 | ΔE 1.46 | |
| PANTONE 648 C | #002E5D | ΔE 2.79 | |
| PANTONE 70-3-7 CP | #003763 | ΔE 2.91 | |
| PANTONE 20-0145 TPM | #002D55 | ΔE 2.99 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #00315D;
color: #FFFFFF;
border: 1px solid #00315D;
background: linear-gradient(135deg, #00315D 0%, #002342 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
#21305F (Red Blind)
#21305F (Red Blind)
Deuteranopia
#15255C (Green Blind)
#15255C (Green Blind)
Tritanopia
#003B3E (Blue Blind)
#003B3E (Blue Blind)
About This Color
PANTONE 648 XGC is a highly saturated blue with dark tonality. Its HEX value is #00315D, placing it in the blue region of the color spectrum with a hue angle of 208°.
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.