PANTONE 303 CP
Deep Dark Dark Blue
Tints & Shades
Shades — Darkening PANTONE 303 CP
#003647
#003242
#002A38
#002633
#001F29
#001B24
#00171F
#000F14
#000B0F
#000405
Tints — Lightening PANTONE 303 CP
#003647
#005875
#00779E
#0099CC
#00B8F5
#24C8FF
#52D4FF
#7ADEFF
#A8E9FF
#D1F4FF
Color Harmonies
Complementary
#003546
#471200
Analogous
#004736
#003546
#001247
Triadic
#003546
#470036
#364700
Nearest Pantone Colors
| Swatch | Name | Hex | Distance |
|---|---|---|---|
| PANTONE 547 CP | #003646 | ΔE 0.89 | |
| PANTONE 547 XGC | #003645 | ΔE 1.52 | |
| PANTONE 86-4-7 CP | #002F40 | ΔE 2.86 | |
| PANTONE 88-3-6 C | #003C4F | ΔE 3.39 |
CSS Implementation
Style Definitions
.color-primary {
background-color: #003546;
color: #FFFFFF;
border: 1px solid #003546;
background: linear-gradient(135deg, #003546 0%, #002633 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
#293147 (Red Blind)
#293147 (Red Blind)
Deuteranopia
#1E2746 (Green Blind)
#1E2746 (Green Blind)
Tritanopia
#003C3A (Blue Blind)
#003C3A (Blue Blind)
About This Color
PANTONE 303 CP is a highly saturated blue with dark tonality. Its HEX value is #003546, placing it in the blue region of the color spectrum with a hue angle of 195°.
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.