PANTONE 2370 XGC
Rich Professional Blue
Tints & Shades
Shades — Darkening PANTONE 2370 XGC
#003399
#002E8A
#00297A
#00246B
#001F5C
#00194D
#00143D
#000F2E
#000A1F
#00050F
Tints — Lightening PANTONE 2370 XGC
#003399
#003FBD
#004BE0
#0558FF
#2970FF
#4D88FF
#70A0FF
#94B8FF
#B8CFFF
#DBE7FF
Color Harmonies
Complementary
#003297
#996600
Analogous
#007F99
#003297
#190099
Triadic
#003297
#990033
#339900
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 2746 XGC | #002C94 | ΔE 3.69 | |
| PANTONE 68-1-6 C | #0037A2 | ΔE 3.74 | |
| PANTONE 661 C | #003594 | ΔE 4.20 | |
| PANTONE 70-5-1 C | #002D8B | ΔE 4.29 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003297;
color: #FFFFFF;
border: 1px solid #003297;
background: linear-gradient(135deg, #003297 0%, #00246B 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
#16369C (Red Blind)
#16369C (Red Blind)
Deuteranopia
#092994 (Green Blind)
#092994 (Green Blind)
Tritanopia
#004550 (Blue Blind)
#004550 (Blue Blind)
About This Color
PANTONE 2370 XGC is a highly saturated blue with dark tonality. Its HEX value is #003297, placing it in the blue region of the color spectrum with a hue angle of 220°.
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.