PANTONE 303 XGC
Deep Dark Dark Blue
Tints & Shades
Shades — Darkening PANTONE 303 XGC
#002E42
#002B3D
#002433
#00202E
#001D29
#001924
#00121A
#000E14
#000B0F
#000405
Tints — Lightening PANTONE 303 XGC
#002E42
#004F70
#006B99
#008BC7
#00ABF5
#24BDFF
#4DC9FF
#7AD7FF
#A8E5FF
#D1F1FF
Color Harmonies
Complementary
#002D40
#421400
Analogous
#004235
#002D40
#000D42
Triadic
#002D40
#42002E
#2E4200
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 88-3-7 CP | #002D3E | ΔE 1.43 | |
| PANTONE 84-3-7 C | #002C3D | ΔE 1.45 | |
| PANTONE 86-4-7 CP | #002F40 | ΔE 1.83 | |
| PANTONE 86-3-7 C | #002A3B | ΔE 1.90 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #002D40;
color: #FFFFFF;
border: 1px solid #002D40;
background: linear-gradient(135deg, #002D40 0%, #00202E 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
#222A41 (Red Blind)
#222A41 (Red Blind)
Deuteranopia
#182140 (Green Blind)
#182140 (Green Blind)
Tritanopia
#003333 (Blue Blind)
#003333 (Blue Blind)
About This Color
PANTONE 303 XGC is a highly saturated blue with dark tonality. Its HEX value is #002D40, placing it in the blue region of the color spectrum with a hue angle of 198°.
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.