PANTONE 302 XGC
Rich Dark Blue
Tints & Shades
Shades — Darkening PANTONE 302 XGC
#003F61
#003857
#00324D
#002B42
#002438
#002133
#001B29
#00141F
#000D14
#00070A
Tints — Lightening PANTONE 302 XGC
#003F61
#005A8A
#0074B3
#008FDB
#05A8FF
#33B8FF
#5CC6FF
#85D4FF
#ADE2FF
#D6F1FF
Color Harmonies
Complementary
#003E5F
#612200
Analogous
#006152
#003E5F
#000F61
Triadic
#003E5F
#61003F
#3F6100
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 540 CP | #003E5D | ΔE 1.35 | |
| PANTONE 302 C | #003B5C | ΔE 1.40 | |
| PANTONE 86-2-7 CP | #004063 | ΔE 1.49 | |
| PANTONE 86-4-5 C | #003C5B | ΔE 1.50 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003E5F;
color: #FFFFFF;
border: 1px solid #003E5F;
background: linear-gradient(135deg, #003E5F 0%, #002B42 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
#2E3A61 (Red Blind)
#2E3A61 (Red Blind)
Deuteranopia
#202E5F (Green Blind)
#202E5F (Green Blind)
Tritanopia
#004848 (Blue Blind)
#004848 (Blue Blind)
About This Color
PANTONE 302 XGC is a highly saturated blue with dark tonality. Its HEX value is #003E5F, placing it in the blue region of the color spectrum with a hue angle of 201°.
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.